html
1<select class="kibou_date" name="delidate1" id="delidate1" required="required"> 2 <option value="<?php echo $delidate1; ?>" selected><?php echo $delidate1; ?></option> 3</select>
Javascript
1<script> 2 var d, str, elm = document.getElementById('delidate1'); 3 var day = new Date(); 4 day.setMilliseconds(0*24*60*60*1000); 5 for (d=1; d<60; d++) { 6 str = day.getFullYear() + '年' + (day.getMonth() + 1) + '月' + day.getDate() + '日'; 7 elm.options[d] = new Option(str, str); 8 day.setMilliseconds(24*60*60*1000); 9 } 10</script>
フォームで日時を選択できるように上記のコードで、
日付を自動で出力するフォームを使っているのですが、
特定の日だけ選択できないもしくは非表示にするようにしたいです。
例えば、12月27日から1月1日まで選択できない、または非表示にする。
ご教授お願い致します。
回答1件
1
ベストアンサー
elm.options[d] = new Option(str, str);
のところを、
js
1if (除外したい日付だったら) 2 elm.add(new Option(str, str));
のように変更すればよいでしょう。
項目は作るが選べなくするには、disabled プロパティを用います。
js
1const option = new Option(str, str); 2option.disabled = 除外したい日付かどうか; 3elm.add(option);
投稿2022/12/02 04:55
総合スコア17087
良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2022/12/02 04:57