前景提要
HDC調試需求開發(15萬預算),能者速來!>>>
頁面點擊按鈕彈出模態框如下圖所示:
第一次選擇日期,開始日期、結束日期選擇如圖所示;選擇完后直接關閉模態框,再次點擊按鈕彈出模態框,點擊開始日期輸入框彈出日期面板會高亮顯示上次選擇的日期,且由于上次選擇的結束日期為22,故22之后的無法選擇;結束日期同理,由于上次選擇的開始日期為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); } }); });
如何能限制開始日期小于結束日期,且每次彈出模態框可以重新選擇,不會記錄上次選擇的日期邊界。