jQuery - 无法使用 twitter bootstrap 的 datepicker 禁用过去的日期

Question

在 rails 3.2.9 中，我正在使用 twitter bootstrap gem 并尝试使用它的 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');

而且我也尝试了一些其他示例，但它不起作用。请帮我解决这个问题。

Answer 1

对于希望仅显示当前年份并禁用过去年份和未来年份的所有日期的所有人。就是这样：

标记

<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' : '');
  }
});

Answer 2

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/