允许从jQuery日期选择器中的选定日期开始每隔30天选择一次
允许从jQuery日期选择器中的选定日期开始每隔30天选择一次
提问于 2021-08-10 12:30:19
我必须在我的页面上输入日期: from - to。
我需要设置可选择的日期在“到”动态输入的方式，如果用户选择在“从”输入日期01/01/2021 (DD/MM/YYYY)，然后在“到”输入将可能只选择01/02/2021，01/03/2021等。如果用户在"from“input date 15/11/2021中选择，则可以在"to”输入中仅选择15/12/2021、15/01/2022等。
这样的想法是，我们的服务只能订购到完整的月，但从客户想要的任何日期。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-08-10 13:46:25
请尝试使用以下代码
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>datepicker demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
$(function () {
$("#txtFrom").datepicker({
numberOfMonths: 1,
defaultDate: "+1w",
changeMonth: true,
minDate:"0d",
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#txtTo").datepicker("option", "minDate", dt);
}
});
$("#txtTo").datepicker({
beforeShowDay: isAvailable,
numberOfMonths: 1,
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#txtFrom").datepicker("option", "maxDate", dt);
}
});
function isAvailable(date) {
var fromDate = $("#txtFrom").val();
var fromDt = new Date(fromDate).getDate();
var dt = new Date(date).getDate();
if (dt == fromDt) {
return [true,"",""];
} else {
return [false,"",""];
}
}
});
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
From:
</td>
<td>
<input type="text" id="txtFrom" />
</td>
<td>
</td>
<td>
To:
</td>
<td>
<input type="text" id="txtTo" />
</td>
</tr>
</table>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68726850
复制相关文章
相似问题
腾讯云开发者
