inputのtype=dateで特定の曜日だけ選択できるようにしたい

Question

inputのtype=dateのカレンダーで、特定の曜日だけ（月曜、土曜だけ）選択できるようにしたいのですが、規定のstepでは何日おきにしたり、min, maxしか制限をつけることができません。

また、ググってみてもjqueryやライブラリを使用しているケースしか見つかりませんでしたので、Vanilla JSでの実装方法に関するアドバイスを頂きたいです。

Comments

[m.ts10806]

＞javascriptでの実装方法
ご存知か分かりませんが、jQueryはJavaScirptで組まれたライブラリで、
プラグインもJavaScriptで組まれています。
それらで実装可能であれば「JavaScriptでの実装」の要件を満たせるのでは。
（自力で、とかならそう書いてほしいわけで）

[607842]

失礼いたしました！自力でや、Vanilla JSに変更させていただきます。

[m.ts10806]

何か試したことがあれば、それも。
「実装に関するアドバイス」としても何も書いてない実装にアドバイスは難しいわけで。

[607842]

失礼いたしました！実装ではなく、「実装方法」に変更させて頂きます。

Answer 1

2022年1月現在、<input type=date>には(step=7で1つの曜日に固定する以外の)曜日に制約をかける機能はありません。

なので、やるとしたら input か change イベントで現在の値が受け付けられる曜日ではなかったらユーザに再選択を促すとかになるでしょう。