,可以通过以下步骤实现:
<input type="text" id="start-date" placeholder="开始日期">
<input type="text" id="end-date" placeholder="结束日期">
$(document).ready(function() {
// 初始化开始日期选择器
$("#start-date").datetimepicker({
format: "YYYY-MM-DD", // 设置日期格式
minDate: moment(), // 设置最小可选日期为今天
maxDate: moment().add(1, 'year'), // 设置最大可选日期为一年后
});
// 初始化结束日期选择器
$("#end-date").datetimepicker({
format: "YYYY-MM-DD", // 设置日期格式
minDate: moment(), // 设置最小可选日期为今天
maxDate: moment().add(1, 'year'), // 设置最大可选日期为一年后
});
});
$("#start-date").on("dp.change", function(e) {
// 获取开始日期选择器的值
var startDate = e.date;
// 更新结束日期选择器的最小可选日期
$("#end-date").data("DateTimePicker").minDate(startDate);
});
$("#end-date").on("dp.change", function(e) {
// 获取结束日期选择器的值
var endDate = e.date;
// 更新开始日期选择器的最大可选日期
$("#start-date").data("DateTimePicker").maxDate(endDate);
});
通过以上步骤,你可以实现根据另一个日期时间选择器限制jquery日期时间选择器中的日期。当选择了开始日期后,结束日期选择器将自动更新最小可选日期为开始日期之后的日期;当选择了结束日期后,开始日期选择器将自动更新最大可选日期为结束日期之前的日期。
对于这个问题,腾讯云没有特定的产品或者链接与之相关。以上答案是基于常见的jQuery日期时间选择器插件实现的,可以在任何云计算平台或者本地环境中使用。
领取专属 10元无门槛券
手把手带您无忧上云