js写选了开始时间只能选后30天的日期 选了结束时间只能选前30天的日期
时间: 2023-05-19 10:03:33 浏览: 304
这个问题可以通过以下代码实现:
// 获取当前日期
var today = new Date();
// 设置开始时间最早可选日期为当前日期
var minStartDate = today;
// 设置结束时间最晚可选日期为当前日期加30天
var maxEndDate = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);
// 设置开始时间选择器的最小值和最大值
$("#start-date-picker").attr("min", formatDate(minStartDate));
$("#start-date-picker").attr("max", formatDate(maxEndDate));
// 设置结束时间选择器的最小值和最大值
$("#end-date-picker").attr("min", formatDate(today));
$("#end-date-picker").attr("max", formatDate(maxEndDate));
function formatDate(date) {
// 将日期格式化为 yyyy-mm-dd 的字符串
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
return year + "-" + month + "-" + day;
}
这段代码可以在前端页面中使用,通过设置开始时间和结束时间选择器的最小值和最大值,限制用户只能选择后30天和前30天的日期。
阅读全文