# 新バージョンのFormBridgeで、日付フィールドを指定日以降のみ選択可能にしたい

**URL:** <https://community.cybozu.dev/t/topic/12237>\
**Category:** kintone 開発相談\
**Created:** [2025 年 9 月 3 日午前 3:03 UTC](https://community.cybozu.dev/t/topic/12237 "2025-09-03T03:03:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![asai](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@asai](https://community.cybozu.dev/u/asai)\
**Post date:** [2025 年 9 月 3 日午前 3:03 UTC](https://community.cybozu.dev/t/topic/12237/1 "2025-09-03T03:03:40Z")

</div>

お世話になっております。  
FormBridgeの新バージョンのフォームを使用し始めました。  
ご支援頂けると幸いです。

fb-custom–fieldの日付フィールド（①）をクリックすると出てくるカレンダーに対して指定日以降のみ選択可能にしたいです。

カレンダーは①の配下に自動生成される要素（②）に対し min=“2025-08-10” のように設定しようとしているのですが、上手く設定できません。

①fb-custom–fieldのhtml

```javascript
<div class="flex" data-field-code="発売日" data-field-type="DATE">

```

②のhtml

```javascript
<input id="«abc»" class="placeholder:text-toyokumo" type="date" value="" min="2025-08-10">

```

実行したコード  
①のclickイベント内で実行

```javascript
document.querySelectorAll('input')[2].setAttribute("min", "2025-08-10")

```

※上記querySelectorAll(‘input’)[2]で要素②は取得できています。

実行後、デベロッパーツールのコンソールにはエラーは出ていないことからminは設定できていると判断しておりますが、その後、要素②が上書きされているようにも思えます。

実行するイベントが間違っているのでしょうか。

もしくはFormBridge新バージョンからHeadless UIになっていることから、MutationObserverでカレンダーの1日分ずつ制御するべきでしょうか。

よろしくお願いします。