jQuery - 无法使用 twitter bootstrap 的日期选择器禁用过去的日期

标签 jquery date twitter-bootstrap datepicker

在 Rails 3.2.9 中,我正在使用 twitter bootstrap gem 并尝试使用它的日期选择器。在此日期选择器工具中,我需要禁用过去的日期,我需要启用当前日期和 future 的日期。但现在我无法禁用过去的日期。

我尝试过不同的方法,

例如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');

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

最佳答案

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/

关于jQuery - 无法使用 twitter bootstrap 的日期选择器禁用过去的日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16188396/

相关文章:

javascript - select2 3.5和4.0冲突如何解决

javascript - 如何为可编辑日期设置正确的日期格式

twitter-bootstrap - Bootstrap javascript 加载但不工作

javascript - Bootstrap Popover 功能

javascript - 将 Bootstrap 默认按钮更改为当前面板

javascript - BackboneJS 添加和删除单击元素的类

jquery - 在 Jquery 中动态更改 ASP.NET MVC 验证

javascript - addClass 函数无法使用 JQuery

java - 获取下个月的第一天

r - 如何检查日期是否在一年中的指定时间内