html5の日付ピッカーから選択した日付に条件を適用したい。つまり、1 月を選択して [送信] ボタンをクリックすると、次のページに移動して、1 月に生まれたことが表示されます。
<form action="new.html">
<input type="date"> <input type="submit" value="Submit" />
</form>
html5の日付ピッカーから選択した日付に条件を適用したい。つまり、1 月を選択して [送信] ボタンをクリックすると、次のページに移動して、1 月に生まれたことが表示されます。
<form action="new.html">
<input type="date"> <input type="submit" value="Submit" />
</form>
jquery の datepicker の使用を検討しましたか? カレンダーをドロップダウンする機能により、エンド ユーザーにより優れたエクスペリエンスを提供し、すべてのブラウザーで動作します。これを行うコードは次のとおりです。
$("#datepicker").datepicker(
{
onSelect: function (arg) {
var date = new Date(arg);
// The below code give the index of the month like Jan as 0, ... ,Dec as 11
var month = date.getMonth();
}
}
そして body タグで、
<input type="text" id="datepicker" />
jquery datepicker の詳細については、次のリンクを参照してください: http://docs.jquery.com/UI/Datepicker
datepicker を使用する場合の良い FAQ を次に示します: http://jqfaq.com/category/widgets/datepicker/