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

Question

我正在使用插件 Bootstrap 3 来自 eonasdan 的日期时间选择器 http://eonasdan.github.io/bootstrap-datetimepicker/

我有两个链接的输入，第二个 (#time_to) 应该 select 自第一个输入之日起最多 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

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

Bootstrap 3 Datetimepicker eonasdan linked inputs set max date

jquery

plugins

datetimepicker

bootstrap-datetimepicker