我が社を有名にするブログ

株式会社エイ・ティ情報研のブログです。石川県で、システムの開発・保守、Oracle Databaseのテクニカルサポートを行っています。




Flower

jQuery UIのdatepickerの日本語初期設定

いつもお世話になっているjQuery UIのdatepickerですが、日本語のデフォルト設定をいちからするのは面倒です。そんな時は、デモからコピーするのがお薦め。

datepickerのデモページ

埋め込まれている日本語ロケールのjs

以下、その内容。

/* Japanese initialisation for the jQuery UI date picker plugin. */
/* Written by Kentaro SATO (kentaro@ranvis.com). */
jQuery(function($){
	$.datepicker.regional['ja'] = {
		closeText: '閉じる',
		prevText: '<前',
		nextText: '次>',
		currentText: '今日',
		monthNames: ['1月','2月','3月','4月','5月','6月',
		'7月','8月','9月','10月','11月','12月'],
		monthNamesShort: ['1月','2月','3月','4月','5月','6月',
		'7月','8月','9月','10月','11月','12月'],
		dayNames: ['日曜日','月曜日','火曜日','水曜日','木曜日','金曜日','土曜日'],
		dayNamesShort: ['日','月','火','水','木','金','土'],
		dayNamesMin: ['日','月','火','水','木','金','土'],
		weekHeader: '週',
		dateFormat: 'yy/mm/dd',
		firstDay: 0,
		isRTL: false,
		showMonthAfterYear: true,
		yearSuffix: '年'};
	$.datepicker.setDefaults($.datepicker.regional['ja']);
});

開発初期に一度だけ設定すればいいだけだけど、上記のようにプロパティが多いので、素直にデモページからコピペする。以下、そのデモページ。


ボタンを付けたい時などは、以下のようなプロパティを追加する。

  		showOn: "both",
		buttonImage: "/images/calendar.gif",
		buttonImageOnly: true

Tags: ,

Leave a Reply

*