如何调用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以获取更多信息