jQuery日期选取器-禁用过去的日期
jQuery日期选取器-禁用过去的日期
提问于 2011-12-02 20:31:16
我正在尝试使用UI日期选择器选择日期范围。
在from/to字段中，用户不能查看或选择当天之前的日期。
这是我的代码：
$(function() {
var dates = $( "#from, #to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
});有人能告诉我如何禁用当前日期之前的日期吗？
回答 12
Stack Overflow用户
回答已采纳
发布于 2011-12-02 20:53:30
初始化日期选择器时，必须创建一个新的date对象并将其设置为minDate
<label for="from">From</label> <input type="text" id="from" name="from"/> <label for="to">to</label> <input type="text" id="to" name="to"/>
var dateToday = new Date();
var dates = $("#from, #to").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
minDate: dateToday,
onSelect: function(selectedDate) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
}
});编辑-根据您的评论，它现在可以像预期的那样工作http://jsfiddle.net/nicolapeluchetti/dAyzq/1/
Stack Overflow用户
发布于 2012-04-02 22:28:37
声明dateToday变量并使用Date()函数设置它。然后使用该变量将其赋值给minDate，它是datepicker的参数。
var dateToday = new Date();
$(function() {
$( "#datepicker" ).datepicker({
numberOfMonths: 3,
showButtonPanel: true,
minDate: dateToday
});
});就这样..。上面的答案真的很有帮助。保持下去，伙计们..
Stack Overflow用户
发布于 2013-10-15 14:12:53
$('#datepicker-dep').datepicker({
minDate: 0
});minDate:0为我工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8356358
复制相关文章
相似问题