<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<style type="text/css">
.ui-widget {
font-size:12px;
}
.ui-widget-content .ui-state-default {
font-weight:bold;
color:#000;
}
</style>
<script type="text/javascript">
google.load("jquery", "1.4.4");
google.load("jqueryui", "1.8.7");
</script>
<div style='height:230px;background-color:#c0c0c0'>
<input type="text" id="datepicker"/>
</div>
<script type="text/javascript">
$( "#datepicker" ).datepicker( {
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: '年'
} );
</script>