2013-04-24 82 views
4

在rails 3.2.9中,我使用twitter引導程序gem &試圖使用它的datepicker。在這個日期選擇工具我需要禁用過去的日期,我需要啓用當前日期&未來的日期。但現在我不能禁用過去的日期。jQuery - 無法使用twitter bootstrap的datepicker禁用過去的日期

我已經以不同的方式嘗試,

例如1:

function scriptDatePicker(id){ 
var today = new Date(); 
var dd = today.getDate(); 
var mm = ("0" + (today.getMonth() + 1)).slice(-2) //January is 0! 
var yyyy = today.getFullYear(); 
$('#' + id).datepicker({ 
    format: "yyyy-mm-dd", 
    startDate: yyyy + '-' + mm + '-' + dd 
}); 
} 

例如,2:

$('#id').datepicker({startDate: '01/01/2013'}); 

例如3:

$("#datepicker").datepicker({ minDate: 0 }); 

例如4:

$('.datepicker').datepicker('setStartDate', '2013-01-01'); 

而且我也嘗試了一些其他的例子,但它不工作。請幫我解決這個問題。

回答

6

HTML標記:

<input id="dpd1" type="text" data-date-format="yyyy-mm-dd"> 

的jQuery:

var nowTemp = new Date(); 
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

$('#dpd1').datepicker({ 
    onRender: function(date) { 
    return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
    } 
}); 

活生生的例子:http://jsfiddle.net/Jdqvk/2/

+0

這是工作的罰款。非常感謝你。 – 2013-04-24 12:36:29

+0

完美!對於date.valueOf()> now.valueOf()更改date.valueOf() zetanova 2013-08-16 19:16:30

+0

@Miljan Puzovic ....非常簡單和強大的腳本來禁用日期迄今.. 。非常感謝你 – SRy 2013-10-28 19:09:15

0

對於大家誰願意只顯示當前年份,從過去的幾年中禁用所有的日期,未來的歲月也是如此。這是它:

標記

<input id="dp1" type="text" data-date-format="yyyy-mm-dd"> 

的Javascript

var nowTemp = new Date(); 
var now = new Date(nowTemp.getFullYear()); 

$('#dp1').datepicker({ 
    onRender: function(date) { 
    return date.getFullYear() < now.valueOf() ? 'disabled' : (date.getFullYear() > now.valueOf() ? 'disabled' : ''); 
    } 
}); 
相關問題