两个datetimepicker

Question

我使用Bootstrap datetimepickers输入开始和结束日期时间。

有没有办法确保/验证结束datetimepicker不在start datatimepicker之前？

    $('#start').datetimepicker({
        format: 'dd-mm-yyyy hh:ii',
        autoclose: true,
        startDate: date 
    })

    $('#end').datetimepicker({
        format: 'dd-mm-yyyy hh:ii',
        autoclose: true,
        startDate: date 
    })

Answer 1

我可以建议这个而不是bootstrap，看看这里，只需要替换min选项 https://jqueryui.com/datepicker/#min-max

Answer 2

$（ '＃的DatePicker'）。的DateTimePicker（{     timepicker：false，     格式：'d.m.Y'，     minDate：' - 1969/12/31' }）

你必须设置一个最小日期，它应该以不同日期的方式进行动态设置

Answer 3

我认为您可以在设置结束日期时进行检查：

$('#end').change(function(){
    if(this.val() != ""){
        var start_date = $('#start').val();
        var end_date = $('#end').val();

        if(start_date <= end_date){
            //After
        }else{
            //Before
        }
    }
});

或表格提交：

$('#submit').click(function(){

    var start_date = $('#start').val();
    var end_date = $('#end').val();

    if(start_date <= end_date){
        //After
    }else{
        //Before
    }

});