jquery - Bootstrap 3 Datetimepicker eonasdan链接输入设置最大日期

Question

我使用来自 eonasdan 的插件 Bootstrap 3 Datetimepicker http://eonasdan.github.io/bootstrap-datetimepicker/

我有两个链接的输入，第二个输入 (#time_to) 应选择自第一个输入日期起最多 90 天。但 maxDate 从当前日期开始。 例如:

今天:2015 年 11 月 11 日

第一:2016 年 1 月 1 日

第二:最多。至 2016 年 2 月 8 日(2015 年 11 月 11 日 - 2016 年 2 月 8 日 = 90) 应该是 ~ 2016 年 4 月 1 日

$('#time_from').datetimepicker({
    locale: 'de',
    viewMode: 'days',
    minDate: DateRange(0), //Current
    format: 'DD. MMMM YYYY - HH:mm',
});

$('#time_to').datetimepicker({
    locale: 'de',
    viewMode: 'days',
    maxDate: DateRange(90), // max. 90 days
    useCurrent: false,
    format: 'DD. MMMM YYYY - HH:mm'
});

$('#time_from').on('dp.change', function (e) {
    $('#time_to').data('DateTimePicker').minDate(e.date);
});

Answer 1

据我了解，您需要“time_to”maxDate 为 time_from + 90 天？在这种情况下，您可以只使用 moment.js，您仍然需要将其包含在项目中:

$('#time_from').datetimepicker({
    viewMode: 'days',
    minDate: new Date(), //Current
    format: 'DD. MMMM YYYY - HH:mm',
});

$('#time_to').datetimepicker({
    viewMode: 'days',
    maxDate: new Date().setDate(new Date().getDate() + 90),
    useCurrent: false,
    format: 'DD. MMMM YYYY - HH:mm'
});

$('#time_from').on('dp.change', function (e) {
    $('#time_to').data('DateTimePicker').minDate(e.date);

    //Use moment.js here
    var m = moment(new Date(e.date));
    m.add(90, 'days');
    $('#time_to').data('DateTimePicker').maxDate(m);
});

我有工作JsFiddle