WordPress・WEB系の開発(プログラム)関係や技術情報ほか、技術情報全般を掲載

  • このエントリーをはてなブックマークに追加

【jQuery UI】Datepickerの表示フォーマットを変更する dd/mm/yy ⇒ yy/mm/dd

jQuery UI の Datepickerの標準の表示フォーマットは「dd/mm/yy」となっており日本人にはあまり馴染みがなく使いづらいですね。
変更するには、「$( “#datepicker” ).datepicker(“option”, “dateFormat”, ‘yy/mm/dd’);」のように表示フォーマットの指定オプションを利用すれば簡単に変更できます。

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
	$( "#datepicker" ).datepicker();
	$( "#datepicker" ).datepicker("option", "dateFormat", 'yy/mm/dd');
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>

Datepicker | jQuery UI
http://jqueryui.com/datepicker/

【PR】あなたの街の不妊治療を検索!ショップナビ
【PR】関東大学バスケ!2014年注目チームは?筑波大学バスケットボール部

関連記事

コメントは利用できません。

アーカイブ