Question

我正在使用eonasdan的Plugin Bootstrap 3 Datetimepicker http://eonasdan.github.io/bootstrap-datetimepicker/

我有两个链接输入，第二个输入（#time_to）应该从第一次输入之日起最多90天内选择。但是maxDate从当前日期开始。例如：

今天： 11. 2015年11月

首先： 01. 2016年1月

第二名：最多至2016年2月8日（2015年11月11日 - 2016年2月8日= 90） 应该是〜01。2016年4月

$('#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

据我所知，你需要＆＃34; time_to＆＃34; 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链接输入设置最大日期

1 个答案: