如何調用bootstrap3-datetimepicker的“ onSelect”功能？ jQuery的

Question

我正在使用Rails 4，並且安裝了gem bootstrap3-datetimepicker-rails 。

它工作正常，但我希望能夠像使用常規bootstrap-datepicker一樣進行onSelect調用。

我希望能夠做這樣的事情：

$("#start").datetimepicker({
    minDate: new Date()
}).on("change", function(selectedDate) {
    $("#end").datetimepicker({ minDate: selectedDate });
});

$("#end").datetimepicker();

但是文檔非常模糊，似乎沒有包含有關此概念的任何內容。 我仍然很驚訝，驗證日期和結束日期的功能不是任何日期或時間選擇器中的本機選項。

我將如何實現？

注意 ：我使用的是bootstrap3-date 時間選擇器，而不是常規的bootstrap-datepicker，而不是jquery-datetimepicker。

旁注：我一直覺得世界上最理想的自動日期選擇器驗證看起來像這樣：

$("#start").datepicker({
    minDate: new Date(),
    endDate: "#end"  // Would automatically call $("#end").datepicker and set the minDate to whatever #start's selected date is
});

我正在考慮創建自己的分支來嘗試實現它，因為我覺得創建日期選擇器時通常會忽略開始日期和結束日期的概念，但這種需求非常頻繁。

Answer 1

看一下鏈接選擇器的文檔部分： https : //eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers

您的情況是：

$("#start").on("dp.change", function (e) {
    $('#end').data("DateTimePicker").minDate(e.date);
});

Answer 2

嘗試這個，

$("#start").datetimepicker({
    minDate: new Date()
}).on("change.dp", function(selectedDate) {
    $("#end").datetimepicker({ minDate: selectedDate });
});

如果沒有，請嘗試

$("#start").datetimepicker({
        minDate: new Date()
    }).on("dp.change", function(selectedDate) {
        $("#end").datetimepicker({ minDate: selectedDate });
    });

檢查bootstrap-3-datetimepicker-events-not-firing-up以獲取更多信息