頁面點擊按鈕彈出模態(tài)框如下圖所示:第一次選擇日期,開始日期、結(jié)束日期選擇如圖所示;選擇完后直接關(guān)閉模態(tài)框,再次點擊按鈕彈出模態(tài)框,點擊開始日期輸入框彈出日期面板會高亮顯示上次選擇的日期,且由于上次選擇的結(jié)束日期為22,故22之后的無法選擇;結(jié)束日期同理,由于上次選擇的開始日期為20,故20之前的日期無法選擇。以下是js代碼:$('#createArrangeDialog').on('shown.bs.modal',?function?()?{
???$('#startday').datepicker({
??????format:?'yyyy-mm-dd',
??????autoclose?:?true,
??????clearBtn:?true,
???}).on('changeDate',function(e){
??????if?(e.date)?{
?????????$('#endday').datepicker('setStartDate',?new?Date(e.date.valueOf()));
??????}?else?{
?????????$('#endday').datepicker('setStartDate',?null);
??????}
???});
???$('#endday').datepicker({
??????format:?'yyyy-mm-dd',
??????autoclose?:?true,
??????clearBtn:?true,
???}).on('changeDate',function(e){
??????if?(e.date)?{
?????????$('#startday').datepicker('setEndDate',?new?Date(e.date.valueOf()));
??????}?else?{
?????????$('#startday').datepicker('setEndDate',?null);
??????}
???});
});如何能限制開始日期小于結(jié)束日期,且每次彈出模態(tài)框可以重新選擇,不會記錄上次選擇的日期邊界。
添加回答
舉報
0/150
提交
取消