jQueryUI datepicker 使い方
datepickerを使う方法
datepickerとは日付のセレクトボックス的なものをいい感じにするものです。
まず
<span style="font-size: 80%"><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $( "#datepicker" ).datepicker().datepicker('setDate','today'); $( "#datepicker" ).datepicker("option", "dateFormat", 'yy/mm/dd/'); }); </script></span>
をheadタグの中に入れます
<p>日付: <input type="text" id="datepicker" /></p>
をbodyタグにに入れれば完了なはず。
.datepicker('setDate','today');
で
初期値を今日の日付にしてます。
必要ないなら削除
$( "#datepicker" ).datepicker("option", "dateFormat", 'yy/mm/dd/');
で
フォームのFormatを変更しています。
以上です。