Javascript 使用jQuery Datepicker在加载时使天不可选择

我有两个约会：一个最小和一个最大，就像链接图片上看到的那样。如何设置页面加载时，在呈现页面时为“最大日期”字段设置最小日期？让日子变得不可选择。我尝试过“onload”，比如：

onLoad:function（selectedDate）{
if（this.id=='datetimepickerFrom'）{
var dateMin=$（“#datetimepickerFrom”）.datepicker（“getDate”）；
var rMin=新日期（dateMin.getFullYear（），dateMin.getMonth（），dateMin.getDate（））；
$（“#datetimepickerTo”）.datepicker（“option”，“minDate”，rMin）；
}
}

当页面加载时，日期仍然可以选择。只有当用户单击“最小日期”输入字段时，“最大日期”字段中的日期才变为不可选择

使用：jQuery UI默认小部件

它可能会帮助您：

$（函数（）{
变量日期=新日期（）；
date.setDate（date.getDate（））；
var startDate，endDate=日期；
$（'.from_date'）。日期选择器({
格式：“dd-MM-yyyy”，
结束日期：日期，
起始日期：2019年5月18日，
自动关闭：正确
}).on（'changeDate'，函数（已选择）{
startDate=新日期（selected.Date.valueOf（））；
控制台日志（起始日期）；
$（'to_date'）.datepicker（'setStartDate'，startDate）；
如果（开始日期>结束日期）{
$（'to_date'）.datepicker（'setDate'，startDate）；
}
});
$（'.to_date'）。日期选择器({
格式：“dd-MM-yyyy”，
结束日期：日期，
起始日期：2016年10月8日，
自动关闭：正确
}).on（'changeDate'，函数（已选择）{
endDate=新日期（selected.Date.valueOf（））；
console.log（endDate）；
});
})

---

如果您的数据库或其他地方已经有Min和Max的日期字符串，您可以使用

$.datepicker.parseDate（dateFormat，dateString）

简单地设置日期。请参阅此处的更多信息：

var selectedDates={
最小值：“2019年4月10日”，
最大值：“2019年10月18日”
};
$（函数（）{
var dateFormat=“mm/dd/yy”，
from=$（“#from”）
.日期选择器({
变化月：对，
minDate:$.datepicker.parseDate（日期格式，selectedDates.min），
maxDate:$.datepicker.parseDate（日期格式，selectedDates.max）
})
.on（“更改”，函数（）{
to.datepicker（“选项”，“minDate”，getDate（this））；
}),
to=$（“#to”）.datepicker({
变化月：对，
minDate:$.datepicker.parseDate（日期格式，selectedDates.min），
maxDate:$.datepicker.parseDate（日期格式，selectedDates.max）
})
.on（“更改”，函数（）{
from.datepicker（“option”、“maxDate”、getDate（this））；
});
函数getDate（元素）{
风险值日期；
试一试{
日期=$.datepicker.parseDate（日期格式，元素.value）；
}捕获（错误）{
日期=空；
}
返回日期；
}
从.datepicker（“设置日期”，selectedDates.min）；
to.datepicker（“设置日期”，selectedDates.max）；
});

从…起
到
它是jQuery UI deafult小部件还是某个第三方插件？@ThePueblo它是jQuery UI默认小部件。我将把它添加到问题中。谢谢你的评论！嗯，我愚蠢到连从数据库获取数据和通过ASP.NETMVC填充视图都不提。我们使用单独的JavaScript。但也许我可以在视图中注入一点JS代码，在视图中调用函数，它工作得很顺利。只需用我的选择替换选定的日期，然后砰！我做到了！：）谢谢你，伙计！