# 日付フィールドのポップアップされるカレンダーについて

**URL:** <https://community.cybozu.dev/t/topic/9692>\
**Category:** kintone 開発相談\
**Created:** [2024 年 11 月 6 日午後 11:47 UTC](https://community.cybozu.dev/t/topic/9692 "2024-11-06T23:47:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kUBhb3ev](https://avatars.discourse-cdn.com/v4/letter/k/f4b2a3/32.png) [@kUBhb3ev](https://community.cybozu.dev/u/kUBhb3ev)\
**Post date:** [2024 年 11 月 6 日午後 11:47 UTC](https://community.cybozu.dev/t/topic/9692/1 "2024-11-06T23:47:46Z")

</div>

### 何を実現したいのかを書きましょう

・日付のフィールドを選択した際にカレンダーがポップアップされ、  
そのカレンダーはjsやcssなどを使用してもフォーマットや土日祝日の色付けはできないでしょうか？

・もしできるのであれば、日付フィールドをクリックした際に出てくるポップアップカレンダーを土日と[日付フィールドで作成した"休業日"[前トピック](https://community.cybozu.dev/t/topic/9690)]を色付けしたカレンダーに変更したいです。

ご協力をお願いします。

---

<div class="post-metadata">

**Author:** ![kUBhb3ev](https://avatars.discourse-cdn.com/v4/letter/k/f4b2a3/32.png) [@kUBhb3ev](https://community.cybozu.dev/u/kUBhb3ev)\
**Post date:** [2024 年 11 月 7 日午前 2:40 UTC](https://community.cybozu.dev/t/topic/9692/3 "2024-11-07T02:40:07Z")

</div>

返信ありがとうございます。  
前トピック、css等もありがとうございます。  
参考にさせていただきます。

もう一つ質問なのですが  
今回は日付フィールドをcssやjsで変えましたが、このように改造したフィールドを他の人がcssを読みこまなくてもアプリ作成時のパーツとして使うことはできますか？

将来的には、改造したフィールドをサブドメインを共有している他ユーザーのアプリ作成時に登場させたいです。

ご教授ください。  
よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![kUBhb3ev](https://avatars.discourse-cdn.com/v4/letter/k/f4b2a3/32.png) [@kUBhb3ev](https://community.cybozu.dev/u/kUBhb3ev)\
**Post date:** [2024 年 11 月 7 日午前 5:56 UTC](https://community.cybozu.dev/t/topic/9692/5 "2024-11-07T05:56:56Z")

</div>

全体に適用できました。  
ありがとうございました。

加えて質問させていただきます。  
・td[aria-label=“5 11月”]は[YYYY DD MM月]にはできない認識でよろしいでしょうか？  
・このスレッドで作成したcssをcss1としてもう一つ似た曜日を設定したccsをcss2としました。  
ラジオボタンの結果でcss1とcss2を切り替えしたいです。

2つ目の質問はスレッド作りなおした方が良いでしょか？

まとめてご教授お願いします。

---

<div class="post-metadata">

**Author:** ![kUBhb3ev](https://avatars.discourse-cdn.com/v4/letter/k/f4b2a3/32.png) [@kUBhb3ev](https://community.cybozu.dev/u/kUBhb3ev)\
**Post date:** [2024 年 11 月 8 日午前 12:05 UTC](https://community.cybozu.dev/t/topic/9692/8 "2024-11-08T00:05:38Z")

</div>

何度もありがとうございました。  
スクリプトもありがとうございます。

開発者ツールつかって確認できることも理解できました。  
フロント系は初めてなのでとても為になりました。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 11 月 11 日午前 12:05 UTC](https://community.cybozu.dev/t/topic/9692/9 "2024-11-11T00:05:49Z")

</div>

クローズされました: 2024 年 11 月 11 日午前 12:05 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
