2016-05-09 4 views
0
$('#date').datepicker({ 
    maxDate: "+30d", 
    minDate:0 
}); 

私は、現在の日付から次の10日を無効にしたい、私はちょうど使用し、このコードをどうしようとしているが、無効に次の10日間は

+0

過去の有効期限はありますか? minDateとmaxDateを使用すると、日付範囲を簡単に定義できます(minDate "+ 10d"、maxDate: "+ 30d"はオプションです)。それが必要なのですか、もっと複雑なものが必要ですか(たとえば、ある日付を除くすべての日付)。 – Danilo

答えて

1

を働いていないですminDate

$('#date').datepicker({ 
    maxDate: "+30d", 
    minDate: "+10d" 
}); 

RESULT

enter image description here

WORKING DEMO


注:このは、あなたが今日から10日始まる30日選択できるようにしたい場合は、属性を設定する必要があります、選択可能な20日ようになります:

$('#date').datepicker({ 
    maxDate: "+40d", 
    minDate: "+10d" 
}); 
追加:

ジョーディに感謝、現在の日付のみを有効にすることができますか?

@achuあなたは今日有効にして次の9日間を無効にすることを意味しますか?

はいいいえ、今日の日付は有効にする必要があります。

これは単にあなたが一日を選択することはできませんクラスを削除jqueryjavascriptを介して行うことができます。

// select today's object, and remove classes ui-datepicker-unselectable ui-state-disabled 
$(".ui-datepicker-today").removeClass("ui-datepicker-unselectable ui-state-disabled"); 

免責事項:は、日付ピッカーが作成されたときのクラスは、このWORKING DEMOで、行われるべきで削除するとあなたは、私がのonClickを使っ参照THIS NON WORKING DEMOを見て、非機能に包まれた場所と同じコード、であることが可能である、注意してくださいdatepickerがまだ存在しない場合はonReadyで実行されます。結果は(CSSも追加;)

enter image description hereが十分ではないよう


オム.. ...今日のボタンをクリックすることができません...私は属性を追加してみました他の選択可能な日のようなクラスですが、今日は成功しなくなりました...

$("#date").click(function() { 
    $(".ui-datepicker-today").removeClass("ui-datepicker-unselectable ui-state-disabled"); 
    $(".ui-datepicker-today").attr("data-handler", "selectDay"); 
    $(".ui-datepicker-today").attr("data-event", "click"); 
    $(".ui-datepicker-today").attr("data-month", "5"); 
    $(".ui-datepicker-today").attr("data-year" , "2016"); 
    $("a.ui-datepicker-today").attr("href" , "#"); 

    $(".ui-datepicker-today").removeClass("ui-datepicker-today"); 

}); 

何かまだ不足していますアクティブではありません...)

+0

ジョーディに感謝、現在の日付のみを有効にすることができる場合 – achu

+0

@achu、今日有効にし、次の9日間を無効にすることを意味しますか? –

+0

はい、あなたの権利、今日の日付を有効にする必要があります。 – achu

関連する問題