カテゴリー: Webデザイン

以下日付カレンダーpackadateの日本語化の例を示す。

他に、Googleが提供するGoogle AJAX Language APIを簡単に利用して翻訳させる「jQuery Translator」の方法もあります。

...前略.....
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="pickadate.min.js"></script>

<fieldset class="fieldset">
 <input id="sample1" type="text" placeholder="クリックしてください">
</fieldset>

<script type="text/javascript">
$(document).ready(function() {
 $("#sample1").pickadate({
 monthsFull: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
 monthsShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
 weekdaysFull: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],
 weekdaysShort: ["日", "月", "火", "水", "木", "金", "土"],
 weekdaysLetter: ["日", "月", "火", "水", "木", "金", "土"],
 labelMonthNext: "翌月",
 labelMonthPrev: "前月",
 labelMonthSelect: "月を選択",
 labelYearSelect: "年を選択",
 today: "今日",
 clear: "クリア",
 close: "閉じる",
 format: "yyyy年mm月dd日",
 });
});
</script>