两个日期时间选择器 [英] Two datetimepickers

问题描述

我正在使用 Bootstrap 日期时间选择器来输入开始和结束日期时间.

I am using Bootstrap datetimepickers to input start and end datetimes.

有什么方法可以确保/验证结束日期时间选择器不在开始数据时间选择器之前?

Is there any way to make sure/validate that the end datetimepicker is not before the 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 
    })

推荐答案

我想你可以在设置结束日期时查看:

I think you can check it when the end date is set:

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

});

这篇关于两个日期时间选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！