Bootstrap Datetimepicker /链接选择器无法正常运行

时间:2015-10-23 18:54:21

标签: jquery twitter-bootstrap

我正在使用bootstrap 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);
    });

});

1 个答案:

答案 0 :(得分:1)

因此,在查看了jfiddle中的文档和输出中的示例之后,我得出的结论是,您使用datetimepicker的文档和版本必须不匹配。或者文档尚未更新。无论哪种方式,如果你使用setMinDatesetMaxDate,你的小提琴应该是好的。例如: 而不是

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

简单地做

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

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