我有两个日期选择器
我需要根据第一个日期选择器设置添加条件
如果第一个日期选择器选择了当前日期,则应
第二个日期选择器将在日期选择器- 1中选择的下一个日期之后选择
<input type="text" id="datepicker"/>
<input type="text" id="datepicker2"/>
$(function() {
$( "#datepicker1" ).datepicker({
minDate:0,
dateFormat: "yy-mm-dd" });
});
$(function() {
$( "#datepicker2" ).datepicker({
dateFormat: "yy-mm-dd" });
});
如何在jquery中使用?
Datepicker - 1
5条答案
按热度按时间g9icjywg1#
在第二个日期选择器的处理程序更新
minDate
选项中,为第一个日期选择器设置onSelect
处理程序。其中使用getDate
方法获取所选Date对象。cclgggtu2#
我也会考虑禁用第二个(依赖的)
datepicker
,直到第一个有一个值来更好地强制关系。我添加了一个data-dependent
以避免硬编码,但这只是选择。这里我使用了
onSelect
,但如果需要,它也可以是另一个事件。我还修复了选择器中第一个元素的ID。
zzlelutf3#
在选择你的第一个日期刚刚设置-
例如
$( "#datepicker2" ).datepicker({ minDate: new Date('05/05/2019')});
这将只显示2019年5月5日之后的日期h6my8fg24#
hc2pp10m5#
你需要调用一个函数,在其中定义你的两个日期选择器,如下所示: