Javascript 引导日期选择器日期范围结束日期更新
我正在使用这个插件 我面临的问题来自于使用这个插件的“范围”形式 从文档中,我了解到有一种方法可以捕获“changeDate”事件,并在发生这种情况时采取措施,但是,当初始日期高于结束日期时,结束日期会立即更新,我不希望出现这种行为;我想要的是结束日期为空,并重新选择结束日期,但我不知道如何捕获和修改它 提前谢谢 EDIT2:为了澄清这一点,当两个日期都已输入时会发生这种情况,但是您选择的开始日期高于结束日期 编辑:下面是加载代码,显示我正在使用的选项Javascript 引导日期选择器日期范围结束日期更新,javascript,jquery,datepicker,bootstrap-datepicker,Javascript,Jquery,Datepicker,Bootstrap Datepicker,我正在使用这个插件 我面临的问题来自于使用这个插件的“范围”形式 从文档中,我了解到有一种方法可以捕获“changeDate”事件,并在发生这种情况时采取措施,但是,当初始日期高于结束日期时,结束日期会立即更新,我不希望出现这种行为;我想要的是结束日期为空,并重新选择结束日期,但我不知道如何捕获和修改它 提前谢谢 EDIT2:为了澄清这一点,当两个日期都已输入时会发生这种情况,但是您选择的开始日期高于结束日期 编辑:下面是加载代码,显示我正在使用的选项 $('.input-daterange')
$('.input-daterange').datepicker({
format: "dd/mm/yyyy",
weekStart: 1,
language: lang,
daysOfWeekHighlighted: "0,6",
startDate: obj.initialDate,
orientation: "bottom auto",
autoclose: true,
showOnFocus: false,
maxViewMode: 'days',
keepEmptyValues: true,
templates: {
leftArrow: '<',
rightArrow: '>'
}
});
下面的代码段显示了
changeDate
事件触发的顺序。如果用户设置的开始日期值晚于完成日期,则首先在输入时触发changeDate
事件
$('.input daterange')。日期选择器({
格式:“dd/mm/yyyy”,
周开始:1,
语言:“恩”,
daysOfWeekHighlighted:“0,6”,
起始日期:“2017年1月1日”,
方向:“底部自动”,
自动关闭:是的,
showOnFocus:没错,
maxViewMode:'天',
KeepImptyValues:正确,
模板:{
左箭头:“”,
右箭头:“”
}
});
$('.input daterange')。在('changeDate',函数(e)上{
log(e.target.name+”:“+$(e.target.val());
});代码>
从…起
到
我更新了我的问题,KeepImptyValue仅在值为空时有效,正如名称所示,我的问题发生在两个日期都已输入的情况下。@Kusanagi2k,考虑到问题的更新,我已重写了我的答案。