jQuery UI

オプションでカレンダーの表示をカスタマイズする。

$('#ex1').datepicker({
   closeAtTop:false,
   heideIfNoPrevNext:true,
   changeMonth:false,
   changeTear:false,
   firstDay:1,
   showOtherMonths:true,
   changFirstDay:true,
   speed:'fast'
 } );

CSS設定


実行例　カレンダーを表示する。

html
<div id="ex1"></div>
又は<span id="ex1" />又は<div id="ex1" />でもいい