selectボックスの特定option項目を非表示にしたり選択不可にするには

Question

<select class="kibou_date" name="delidate1" id="delidate1" required="required">
 <option value="<?php echo $delidate1; ?>" selected><?php echo $delidate1; ?></option>
</select>

<script>
  var d, str, elm = document.getElementById('delidate1');
  var day = new Date();
  day.setMilliseconds(0*24*60*60*1000);
      for (d=1; d<60; d++) {
      str = day.getFullYear() + '年' + (day.getMonth() + 1) + '月' + day.getDate() + '日';
      elm.options[d] = new Option(str, str);
      day.setMilliseconds(24*60*60*1000);
  }
</script> 

フォームで日時を選択できるように上記のコードで、
日付を自動で出力するフォームを使っているのですが、
特定の日だけ選択できないもしくは非表示にするようにしたいです。
例えば、12月27日から1月1日まで選択できない、または非表示にする。

ご教授お願い致します。

Answer 1

elm.options[d] = new Option(str, str);

のところを、

if (除外したい日付だったら)
    elm.add(new Option(str, str));

のように変更すればよいでしょう。

項目は作るが選べなくするには、disabled プロパティを用います。

const option = new Option(str, str);
option.disabled = 除外したい日付かどうか;
elm.add(option);

Comments

[daichi_2021]

ありがとうございます！無事に解決いたしました！