以前の記事←に加えて、下記のスクリプトを読み込むことで日本語化が可能。
<script src="jquery.ui.datepicker-ja.js"></script>
jQuery本体をダウンロードした際に同梱されている「i18n」というフォルダ内に各国のローカライズ用スクリプトが格納されているのでそこから持ってくる。
そして下記コードを記述
// 日本語化する場合 $.datepicker.setDefaults($.datepicker.regional['ja']); // デフォルトの言語に戻す場合 $.datepicker.setDefaults($.datepicker.regional['']);
特定のカレンダー対してだけローカライゼーションを行いたい場合は下記の通り。
$('selector').datepicker($.datepicker.regional['ja']);
めも。
まずは下記の通り必要なファイルをヘッド内で読み込む。
<link rel="stylesheet" type="text/css" href="jquery-ui-1.10.3.custom.min.css" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
次に任意のインプット要素を配置。
<input type="text" class="datetime" name="date">
そしたら最後にスクリプトを実行。
$(function() {
$('.datetime').datepicker();
});
datepicker()に様々なパラメーターを渡せるため容易にカスタマイズも可能。プロパティの詳細は下記公式リファレンスを参照されたし。
http://jqueryui.com/datepicker/