【JavaScript／input type="date"】カレンダーの選択できる日付を複数指定して制限することは可能でしょうか？

Question

例えば、以下のようにすれば
<input type="date" min="2015-12-31">
2015-12-31以前は選択出来ないようになるかと思いますが、

下記のような仕様を満たしたい時、minだけでは出来ずに困っています。

【実現したい仕様】
・土日祝日は選択不可
・現在より、平日のみ5日以前は選択不可

JavaScriptを使用しても、
独自のDatepickerを用意しないと難しいでしょうか？？

よろしくお願い致します。

Answer 1

HTML5以降で input に付与された 属性は入力された文字のフォーマットを制限するだけのものです。
ですので、フォーマット以上の制限をかけたい場合、JavaScript の onchange イベントで抑制する必要があります。

ご質問の要件であれば、デイトチェッカーあるいはデイトピッカー（既製/独自問わず）が必要です。

Comments

[frtne]

ご回答ありがとうございます！
onchange イベントで抑制しても、input dataのデフォルトの仕様を変えることは出来ないということでしょうか？？

[AkitoshiManabe]

input[type=date]の入力値の文字列様式は変わりません。週末などの判別は文字列様式とは別に実装する必要があります。onchange イベントを活用して入力値が変わったとき、入力値（文字列）が要件に合うかチェックして「再入力」を案内するなど JavaScriptで行います。

[AkitoshiManabe]

input[type] は様々な特徴（デフォルトの仕様）がありますが、どれも大まかな範囲しか指定できないのですよ。土日祝だとか平日は判別してくれません（祝日は各国で独自に定まるものですしね）。

[frtne]

ありがとうございます！ベストアンサーにさせていただきました。