JQuery UI datepicker | カレンダー

日付：
日付2：

HTMLソースコード

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

	--- 略 ---

	日付：<input id="datepicker" type="text" /><br />
	日付2：<input id="datepicker2" type="text" />
					

---

JSソースコード

	$(function() {
		//datepickerの日本語設定
		$.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']);



		$("#datepicker").datepicker({
			dateFormat:'yy-mm-dd'

		});

		//2つ目の日付入力用
		$("#datepicker2").datepicker({
			dateFormat:'yy-mm-dd'

		});


  	});