フォークhttps://github.com/eternicode/bootstrap-datepickerを使用していますが、いくつか問題があります。
日付ピッカーで最初に年を表示し、年をクリックすると月が表示され、月のクリックで閉じて、たとえば日付が「2013-01」になるようにします。
viewmode と minviewmode で考えられるすべての組み合わせを試しましたが、その特定の順序で動作させることはできません。
これが私のJSです:
$('#from_date').datepicker({
viewMode: "years",
minViewMode: "years",
format: 'yyyy-mm-dd',
startDate: '2008-01-01',
endDate: 'y-12-31',
autoclose: true
});
正しいコードは何ですか?
日付範囲外の日付を非表示にすることもできますか? 2008 年より前と 2013 年以降の年が表示されます (クリックできない場合でも)。
また、もう1つの問題は、ポップアップがカレンダーボタンではなくdivで開くことです(元のスクリプトのように)。HTML は次のようになります。
<div class="input-append date" id="from_date" data-date="102/2012" data-date-format="yyyy-mm" data-date-viewmode="years" data-date-minviewmode="months">
<input name="date_from" id="dpMonths" class="dpMonths input-block-level" type="text" value="2008" /><span class="add-on"><i class="icon-calendar"></i></span>
</div>