Safariでinput type = “date”の入力範囲を制限したい。

Question

Safari におけるinput type = “date”の入力範囲を制限したいです。

制限というのは
input type = “date”を指定した時のiOS Safariの画面では
年月日をスクロールして選択できますが、
そこに表示される値の最大値と最小値をmin,maxを指定したときのedgeの画面のように定めたいです。
つまり、設定した最大値、最小値の間の値が表示されるようなUIを実現したいです。

Safariではmin,maxを指定しても効かなかったため質問をさせていただいてます。

Angular2による制御方法等あればご教示していただきたいです。

また、input type = “date”は必ず使って対応したいです。

よろしくお願いします。

Comments

[m.ts10806]

TypeScriptやAngularがタグにふくまれているようですがそれでも「JavaScript」による対応を検討されているのでしょうか(厳密には違うはずなので)
また、ご自身が調べたこと試したことを記載してください。

※細かいですが単なる質問によって教えをこう場合は「ご教示」です。

[begnnriron]

失礼いたしました。
厳密にはAngular2となります。

対応方針を模索しており現段階では
min,maxが効かないという事しか分かっておらず、
対応を行なっておりません。

言語力がなく申し訳ございません。
ご指摘通りに修正させていただきました。
ご指摘いただきありがとうございます。

Answer 1

Safariはinput type="date"に対応してないみたいです。
HTML5TEST how well does your browser support html5?

jQueryが使えるならチェックできるみたいですよ。
参考：
min/max attribute with type = date on HTML5

Comments

[begnnriron]

ありがとうございます。
jqueryを入れて試してみます！