2015-01-21 99 views
0

如何限制在Bootstrap Date picker中選擇未來日期?Bootstrap Date Picker中的限制

這裏就是我想

$('selecter').datepicker({ 
     maxDate : new Date(), 
     autoclose : true 
    }); 
+0

嘗試設置'endDate' .. http://bootstrap-datepicker.readthedocs.org/en/release/options.html#enddate – Sebsemillia 2015-01-21 11:07:33

+0

我嘗試過,但它是不工作。你能給我樣品代碼嗎? – 2015-01-23 09:40:03

回答

0

,請使用以下內容:

$('.datepicker').datepicker({ 
     startDate: new Date() 
    }); 

要僅允許過去的日期,請改用此代碼:

$('.datepicker').datepicker({ 
     endDate: new Date() 
    }); 

小提琴這裏:http://jsfiddle.net/tuG6C/620/

+0

我試過這些代碼但不工作。我正在使用Bootstrap日期選擇器而不是jQuery日期選擇器。 – 2015-01-22 12:11:23

+0

嗨約翰,默認情況下,Bootstrap中沒有包含DatePicker,你的意思是這個:https://github.com/eternicode/bootstrap-datepicker/ 你在控制檯中是否有錯誤? – 2015-01-22 18:04:20

+0

我正在使用https://bootstrap-datepicker.readthedocs.org/en/release/ – 2015-01-23 09:40:53

1

我用這對我的代碼代碼:如果你想在日期選擇器限制,只允許在未來日期的選擇

$('.disable-past-date-picker').datepicker({ 
    format: 'dd-mm-yyyy', 
    onRender: function(date) { 
     return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
    } 
});