如何根据在Eonasdan日期时间选择器中输入的另一个日期来设置时间输入?

时间:2017-08-08 09:51:18

标签: javascript eonasdan-datetimepicker

我有两个输入,一个用于日期,另一个用于时间。我想将它们链接在一起,其中最小日期是"今天",最短时间是"现在"如果选择的日期是今天。

JS:

$('#operation-date').datetimepicker({
    format: 'DD/MM/Y',
    useCurrent: true,
    minDate: moment().startOf('d')
});

$('#operation-time').datetimepicker({
    format: 'LT',
    useCurrent: true,
    minDate: moment()
});

最短时间将永远是"现在"无论选择哪个日期,我如何将它们链接在一起?

1 个答案:

答案 0 :(得分:0)

我们应该根据日期选择器的更改

更改时间选择器的minDate选项
$('#operation-date').datetimepicker({
    format: 'DD/MM/Y',
    minDate: moment().startOf('day')
}).on('dp.change', function(e){
    if( e.date && e.date.isSame(moment(), 'd') ){
        var min = moment().startOf('minute');
        $('#operation-time').data("DateTimePicker").minDate(min);
    } else {
        $('#operation-time').data("DateTimePicker").minDate(false);
    }
});

$('#operation-time').datetimepicker({
    format: 'LT',
    minDate: moment().startOf('minute')
});