jQuery UIのdatepickerに初期値を入れる方法

jQuery UIのdatepickerに初期値を入れる方法

先日社内で使用しているいにしえ業務システムにカレンダー入力機能を追加しようと思い、
jQuery UIのdatepickerを使ったのですが、はまったことがありました。それは・・。

inputタグのvalueが無視され初期値がセットされない

です。

<input type="text" class="input-large datepicker" id="date01" value = "2015-01-23">

みたいな書き方をすると、valueで指定した日付が初期値として表示されません。

この場合、datepickerの説明書をよく読むと実は書いてあるのですが、

$("#date01").datepicker("option", "dateFormat", 'yy-mm-dd' );
$("#date01").datepicker("setDate", "2015-12-23");

のように指定してあげる必要があります。

また、datepickerは日付フォーマットの初期値が dd/mm/yyの為、
合わせて変更しています。

TAG

  • このエントリーをはてなブックマークに追加
しょぼん
取締役 しょぼん syobon

最近エネルギーの90%を卓球に向けています。