入力に使用type="time"
しています。分 (00、15、30、45) のステップを設定する方法はありますか。
また、1つの入力がありtype="date"
ます。選択日を制限する方法はありますか。これを使用すると、将来の日付を選択できなくなります。
入力に使用type="time"
しています。分 (00、15、30、45) のステップを設定する方法はありますか。
また、1つの入力がありtype="date"
ます。選択日を制限する方法はありますか。これを使用すると、将来の日付を選択できなくなります。
原則として、HTML5 ドラフトでは、step
属性を使用してステップ サイズを設定できます。の場合input type=time
、その値は秒単位で解釈されるため、15 分間の場合は次のように使用します。
<input type=time step=900>
これは現在、Opera と Safari でサポートされていますが、Chrome ではサポートされていません (少なくとも私の本によると (文字通り)、一部の以前のバージョンではサポートされていたため、奇妙です)。
同様に、属性を使用して日付の上限を設定できmax
ます。しかし、HTML5 には「今」という概念がありません。サーバー側でページを生成するときに現在の日付を決定するか、JavaScript を使用してクライアント側で設定する必要があります (これらには、「現在」に対する 2 つの異なる解釈が含まれます)。例:
<input type=date max="2012-08-29">
Chrome、Opera、Safari で動作します。
日付の選択を制限するには、input の min および max 属性を使用してみてください (現在、opera と chrome でのみサポートされています)。
時間選択の手順がよくわかりません。
jQuery のdatepicker とtimepickerをご覧ください。ほとんどのブラウザーで動作し、ニーズを満たすはずです。