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-date time 选择器，而不是常规的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了解详情

如何打电话＆＃34; onSelect＆＃34; bootstrap3-datetimepicker的函数？ jQuery的

2 个答案: