読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

jQuery-uiのカレンダー(datepicker)の日付フォーマットをyyyy/mm/ddに変更する

<スポンサーリンク>

jQuery-uiのカレンダー

Datepickerともいう。
http://jqueryui.com/datepicker/
上記のURLにあるように、
CSS

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

に設定。
あとは、以下のように、jqueryjquery-uiを読み込むことが発動条件となる。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

jQuery-uiのカレンダーのフォーマット

デフォルトのままだと「19/09/2013」みたいに、海外仕様のフォーマットで日付が入力される。
jquery-uiのdatepickerの日付フォーマットを変更する方法は以下が参考になる。
http://stackoverflow.com/questions/7844555/jquery-date-picker-get-date-string-in-dd-mm-yy
実際どうやるかというと、こんな感じで、日付のフォーマットを指定してやればいい。

<script type="text/javascript">
//// datapirckerのフォーマット変更
$(function() {
	$("#datepicker").datepicker();
	$('#datepicker').datepicker("option", "dateFormat", 'yy/mm/dd' );

});
</script>
</head>
<body>
<label>日付:<input type="text" id="datepicker"></label><br/>
</body>

そうすると、カレンダーが表示されて、その日付をクリックすると、所定のフォーマットで入力されるようになる。