HTML Living Standard によれば、値が無効な日付である場合、 value
プロパティの値は空文字列となります[1]。このため、無効な日付の値を取得することは出来ません。単にそれが無効な値かどうか、などの判定は ValidityState.badInput
プロパティを用いて行えます[2]。
§ 4.10.5.1.7 Date state (
type=date
)[1]The value attribute, if specified and not empty, must have a value that is a valid date string.
The value sanitization algorithm is as follows: If the value of the element is not a valid date string, then set it to the empty string instead.
解決策として、 input
要素の type
属性に date
ではなく text
を使用し、すべてを JavaScript で制御するという方法があります。これは大変な作業ですが、適宜 datepicker 系のライブラリを使用することで負担を軽減出来ます。