7

https://github.com/eternicode/bootstrap-datepicker(他のバージョンのフォーク)のdatepickerを使用するTwitter Bootstrapに基づくプロジェクトに取り組んでいますが、必要な非常に重要な機能がありません-特定の日付範囲(たとえば、過去15日から今日まで)のみを有効にして、他の日付を選択することさえできない(クリックできない)方法。

私はここSOで同様の解決策を見つけました。これは土曜日と日曜日を無効にします: bootstrap-datepickerを平日のみに制限しますか? http://jsfiddle.net/katowulf/zNbUT/5/ですが、ニーズに合わせて調整する方法がわかりません。

前もって感謝します。

4

2 に答える 2

14

startDateあなたがリンクした同様の質問はかなりのハックを使用してしまいましたが、あなたが望むのはもっと単純です - あなたはandオプションを探していendDateます:

$('#dp1').datepicker({
    format: 'mm-dd-yyyy',
    startDate: '-15d',
    endDate: '+0d' // there's no convenient "right now" notation yet
});

これらのオプションは、Dateオブジェクト、(ここで行ったように) timedelta 文字列、または指定された に続く日付文字列を取ることができますformat

デモ: http://jsfiddle.net/zNbUT/131/

また、github のコードを使用していることを確認してください。eyecon.ro のコピーは元のコードであり、古いバグがあり、新しい機能は含まれていません。

于 2012-10-02T19:11:37.297 に答える
3
var startDate = new Date();
startDate.setDate(startDate.getDate()-15);

var endDate = new Date();

$('#dp1')
.datepicker().on('changeDate', function(ev){
    if (ev.date.valueOf() > endDate.valueOf()){
       alert('The date selected is too far in the future.');
    } else if (ev.date.valueOf() < startDate.valueOf()){
        alert('The date selected is too far in the past');
    } else {
        alert('fine')
    }

});

http://jsfiddle.net/XSmx6/14/

于 2012-09-29T12:32:27.127 に答える