2016-06-11 71 views
0

我使用鏈接引導datetimepickers與我的項目。我使用它們,以便用戶可以從數據庫中選擇要搜索的事件的時間範圍,如:「選擇在開始日期和結束日期之間發生的所有事件」。當用戶只選擇開始日期或開始日期和結束日期時,所有工作都很好。鏈接引導datetimepickers,如何只選擇結束日期

問題從用戶想要選擇僅結束日期開始,如:「選擇在結束日期之前發生的所有事件」。當選擇結束日期時,datetimepicker也會填入開始日期字段,並選擇與結束日期相同的日期。因此,用戶必須清空開始日期字段以使搜索在點擊提交按鈕之前工作。

我可以取消選中連接,但是我必須檢查其他地方的錯誤日期選擇(例如開始日期之前的結束日期),這也不是很好。所以,我很不確定如何繼續這個。

的JavaScript是從DateTimePicker的網站幾乎copypaste:

$(function() { 
    $('#datetimepicker1').datetimepicker({ 
     locale: 'fi', 
     stepping: '15', 
     format: 'YYYY-MM-DD HH:mm' 
    }); 
    $('#datetimepicker2').datetimepicker({ 
     locale: 'fi', 
     stepping: '15', 
     format: 'YYYY-MM-DD HH:mm', 
     useCurrent: false //Important! See issue #1075 
    }); 
    $("#datetimepicker1").on("dp.change", function (e) { 
     $('#datetimepicker2').data("DateTimePicker").minDate(e.date); 
    }); 
    $("#datetimepicker2").on("dp.change", function (e) { 
     $('#datetimepicker1').data("DateTimePicker").maxDate(e.date); 
    }); 
}); 

回答

0

確定這是非常典型。發佈這個問題後我解決了它幾分鐘。

只有在選擇比當前日期更早的日期作爲結束日期時,纔會出現問題。當我添加useCurrent:false到datetimepicker1時,問題就消失了。