引导日期时间选择器/链接选择器无法正常工作答案

【问题标题】：Bootstrap Datetimepicker / linked pickers not functioning properly引导日期时间选择器/链接选择器无法正常工作
【发布时间】：2015-10-24 03:28:13
【问题描述】：

我正在使用引导程序 datetimepicker (http://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers)，但无法让链接选择器正常工作。我正在使用建议的编码，但由于某种原因，mindate 和 maxdate 无法正常工作。有人能告诉我我做错了什么吗？

http://jsfiddle.net/aesh3ufk/

$(document).ready(function () {

    $('#datetimepicker1')
        .datetimepicker({
            showTodayButton: true,
            format: 'MM/DD/YYYY'
        });

    $('#datetimepicker2')
        .datetimepicker({
            showTodayButton: true,
            format: 'MM/DD/YYYY'
    });

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

    $("#datetimepicker2").on("dp.change", function (e) {
        $('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
    });

});

【问题讨论】：

标签： jquery twitter-bootstrap

【解决方案1】：

因此，在查看文档中的示例和 jfiddle 中的输出后，我得出的结论是，文档和您使用的 datetimepicker 版本不能匹配。或者文档没有更新。无论哪种方式，如果你使用setMinDate 和setMaxDate，你应该很好。例如：而不是

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

简单地做

$("#datetimepicker1").on("dp.change", function (e) {
    $('#datetimepicker2').data("DateTimePicker").setMinDate(e.date);
});

这将以我认为您想要的方式禁用日期选择。

【讨论】：