javascript - ブートストラップ日付ピッカーで開始日の制限を設定する

Question

アップデート：

HTML の日付形式を更新し、今日の日付をデータに割り当てましたが、日付範囲の制限はありません。

新しいフィドル: http://jsfiddle.net/D9Xav/143/

==========

ユーザーが年と月を選択できるようにする日付ピッカーを作成しようとしています。現在、開始月が 2013 年である理由と、開始日の制限によって x 年を超えることが妨げられない理由について、私は混乱しています。

コードは次のとおりです。http://jsfiddle.net/D9Xav/140/

ドキュメント:

• http://www.eyecon.ro/bootstrap-datepicker/
• https://github.com/eternicode/bootstrap-datepicker

ルールがあるため、ここにコードを記述します。

<div id="dpMonths" class="input-append date" data-date-minviewmode="months"
    data-date-viewmode="years" data-date-format="mm-yyyy"
>
    <input type="text" readonly=""> 
    <span class="add-on">
        <i class="icon-th"></i>
    </span>
</div>

$('#dpMonths').data({
    date: '01/01/2000'
});

$('#dpMonths').datepicker('update');

$('#dpMonths').datepicker({
    startDate: '+10y'
}).on('changeDate', function (ev) {
    console.log(ev.date);
});

そうしないと破損するため、日付ピッカーデータを設定しました。それを回避する方法がわかりませんでした/今日の日付/月で上書きされる理由もわかりません。

Answer 1

日付値 01/01/2000 は、選択した日付形式と同じ形式にする必要があるようです: mm-yyyy. したがって、01-2000 である必要があります。

$('#dpMonths').data({
    date: '01-2000'
});

ただし、代わりにその値を data 属性として HTML に追加することもできます。data-date="01-2000"

その変更を行うと、日付制限も機能します。

[編集] 新しいバージョンに更新したら、javascript 部分を次のように変更します。

$('#dpMonths')
    .datepicker({
        startDate: '-3y',
        format: 'mm-yyyy'
})
    .on('changeDate', function (ev) {
    console.log(ev.date);
});

フィドル: http://jsfiddle.net/SdZBF/5/