javascript - JQuery UI 两个带有 from 和 to 字段的日期选择器。从选定日期起 5 天禁用
问题描述
我正在使用两个日期选择器(从和到)。根据条件,我想datepicker(To)
在 1st 选择日期后禁用 2nd 的 5 天datepicker(from)
。
我尝试了以下代码...
<script type="text/javascript">
var pkg = "<?php echo $package ?>";
$(function() {
if(pkg=="Ordinary"){
var dateFormat = "mm/dd/yy",
from = $("#date")
.datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
minDate: 0
})
.on("change", function() {
var fdate = getDate(this);
to.datepicker("option", "minDate", getDate(this)+5);
}),
to = $("#delivery_date")
.datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
minDate: 0
})
.on("change", function() {
from.datepicker("option", "maxDate", getDate(this));
});
}
function getDate(element) {
var date;
try {
date = $.datepicker.parseDate(dateFormat, element.value);
} catch (error) {
date = null;
}
return date;
}
});
</script>
但是这段代码禁用了 2027 年 1 月之前的所有日期。enter code here
解决方案
I fixed it this way -
enter code here
function getDate(element) {
var date;
if(pkg=="Ordinary"){
try {
date = $.datepicker.parseDate(dateFormat, element.value);
date.setDate(date.getDate() + 6);
} catch (error) {
date = null;
}
return date;
}
推荐阅读
- java - 如何从java中的jar下载现有的xlsx文件
- node.js - 错误 MSB3073:命令“grunt dist”在 Visual Studio 2017 中以代码 3 退出
- node.js - 我想使用 Cloud Vision API 检测 PDF 文本并从 Google Cloud Storage 获取结果
- python - 如何确保 selenium 不会关闭浏览器?
- java - JavaFX 从 exe 文件中获取图标
- python - 根据给定条件对组合数据进行分组
- css - Tailwind css中带有文本的圆圈
- html - Flexbox - 将元素向右“flex-direction:column”而不使用css中的位置
- php - 在命令模式下运行时出现 PDOException “找不到驱动程序”
- javascript - 如何使用 JSON asp.net MVC 同时发送两个数组以查看