<div class="codetitle"> <span><a style="CURSOR: pointer" data="1501" class="copybut" id="copybut1501" onclick="doCopy('code1501')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code1501"> <br><script type="text/javascript"> <br> $(function() { <br>var options = { <br>changeMonth: true, //月のドロップダウン ボックスを表示します<br>change Year: true, //年のドロップダウン ボックスを表示します<br>firstDay: 0, //First その日のインデックス (日曜日が最初に配置されます) (日曜日から土曜日までの対応するインデックスは: 0~6) <br>showOtherMonths: true, //他の月の日付を表示 <br> showMonthAfter Year: false, //年のドロップダウン ボックスは月に配置されます。ドロップダウン ボックスの前または後ろにあります<br>prevText: "Previous month", //前のページにジャンプするためのプロンプト テキスト<br> nextText: 'Next month', //次のページにジャンプするためのプロンプトテキスト <br>stepMonths: 2, //「前月」または「翌月」をクリックするたびに、2 か月ずつ移動します <br>navigationAsDateFormat: true , <br>showCurrentAtPos: 3, //現在の月から 3 か月オフセット<br>showOn: 'both', <br>//minDate/maxDate/hideIfNoPrevNext をグループとして<br>minDate:'-10', // <br>maxDate: '35', <br>hideIfNoPrevNext: false, //prev と next の使用は禁止されており、maxDate と minDate と組み合わせて使用する必要があると言われています<br>//defaultDate: 2 , // 現在の日付を設定します<br>gotoCurrent: true, <br>numberOfMonths: 2, // 2 か月に 1 回表示 (2 つのカレンダー) <br>yearRange: '2009:2019' // オプションの年を表示します<br>} ; <br>//日付コントロールを初期化します<br>$('#datePicker').datepicker (オプション); <br>//現在の日付を表示します<br>$('#datePicker').datepicker('getDate' ); <br><br>//現在の日付を設定します<br>$('#datePicker' ).datepicker('setDate', ' 1m 1d') <br>}) <br></script><br> </div>