【jQueryUI】datepickerkにtimepickerを追加する。

そして日本語化までする。

まずは下記URLの手順に従ってtimepickerをインストール。

http://trentrichardson.com/examples/timepicker/

そしてイニシャライズを下記の様に行う。

var option = {
	closeText: '閉じる',
	currentText: '現在日時',
	timeOnlyTitle: '日時を選択',
	timeText: '時間',
	hourText: '時',
	minuteText: '分',
	secondText: '秒',
	millisecText: 'ミリ秒',
	microsecText: 'マイクロ秒',
	timezoneText: 'タイムゾーン',
	prevText: '<前',
	nextText: '次>',
	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: '週',
	yearSuffix: '年'
};
$('.dt').datetimepicker(option);

これにて完了!