Jquery 在DatePicker插件中禁用早于今天的日期
我正在为一个项目使用插件。但我想禁用比今天早的日期。(用户无法选择旧日期) 我的js是:Jquery 在DatePicker插件中禁用早于今天的日期,jquery,Jquery,我正在为一个项目使用插件。但我想禁用比今天早的日期。(用户无法选择旧日期) 我的js是: datePickerController.createDatePicker({ formElements:{"inp1":"d-ds-m-ds-Y"} }); 在手动模式下:两种方法都接受表示要禁用的日期或日期范围的对象。 我还不能通过多次尝试和错误来改变过去的日子。你能告诉我怎么做吗? 提前谢谢 编辑: 我想在(“myElementID”,“20081201”)中设置动态日期。 日期范围:$today和
datePickerController.createDatePicker({
formElements:{"inp1":"d-ds-m-ds-Y"} });
在手动模式下:两种方法都接受表示要禁用的日期或日期范围的对象。
我还不能通过多次尝试和错误来改变过去的日子。你能告诉我怎么做吗?
提前谢谢
编辑:
我想在(“myElementID”,“20081201”)
中设置动态日期。
日期范围:$today
和$old\u days='日期早于$today'
(注意:这正是您发布的链接!)
限制日期选择,即设置
日期范围
datePicker允许您定义
日期的下限和上限
选择
要添加下限或上限,只需
添加参数“rangeHigh”和/或
“rangeLow”至初始化
对象并将其值设置为
YYYYMMDD日期格式字符串;对于
例如,下面的代码将限制
日期选择超出范围
1970年3月13日至1999年12月20日:
对于那些不愿意滚动的人(只在文档中向下滚动一行)
动态设置日期范围
日期的上限和下限可以是
也可以通过编程方式设置
调用以下两种方法:
编辑:
html:
有关简单解决方案,请参阅:。
快速和简单:)
对于比upiic更简单的方法:
function () {
$('#DatePickerControlName').datepicker({maxDate: 0});
});
注意。0表示从现在起零天。我不会动态禁用日期。@Andreas;我知道手册中的问题。上述日期可能是动态的$今天和$datesolderthantoday设置动态。但是我对js不是很熟悉。我的问题是如何动态设置这个日期。你可以详细说明!什么是
$tody
和$datesolderthanthody
?请支持一些您尝试过的代码!
var opts = {
formElements:{"inp1":"d-sl-m-sl-Y"},
// Set a range low of 13/03/1970
rangeLow:"19700313",
// Set a range high of 20/12/2009
rangeHigh:"20091220"
};
datePickerController.createDatePicker(opts);
// Set the lower limit to be 01/12/2008
datePickerController.setRangeLow("myElementID","20081201");
// Set the upper limit to be 01/12/2009
datePickerController.setRangeHigh("myElementID","20091201");
<input type="text" id="datepicker"/>
var today = new Date();
var options = {
formElements: {
"datepicker": "d-sl-m-sl-Y"
},
rangeLow: today.getFullYear() + today.getMonth() + today.getDay(),
};
datePickerController.createDatePicker(options);
$(function () {
var date = new Date();
var currentMonth = date.getMonth();
var currentDate = date.getDate();
var currentYear = date.getFullYear();
$('#YourDatepicker').datepicker({
maxDate: new Date(currentYear, currentMonth, currentDate)
});
});
function () {
$('#DatePickerControlName').datepicker({maxDate: 0});
});