如何调用 bootstrap3-datetimepicker 的"onSelect"函数？jQuery

Question

我正在使用Rails 4，我已经安装了gem bootstrap3-datetimepicker-rails。

它工作得很好，但我希望能够做一个onSelect调用，就像我可以用正常的引导日期拾取器。

我希望能够做这样的事情:

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

但是文档非常模糊，似乎没有包含任何关于这个概念的内容。我仍然很惊讶，这种验证开始和结束日期的功能在任何日期或时间选择器中都不是原生选项。

我怎么能意识到这一点呢?

注意:我使用的是bootstrap3-date时间选择器，而不是常规的bootstrap3- 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- starting查看更多信息