如何为 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();

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

我如何实现这一点？

注意：我使用的是bootstrap3-datetime选择器，不是常规的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了解更多信息

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

How to call "onSelect" function for bootstrap3-datetimepicker? jQuery

javascript

ruby-on-rails

datetimepicker

bootstrap-datetimepicker