两个日期时间选择器

Two datetimepickers

本文关键字：日期 时间 选择器 两个      更新时间：2023-09-26

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

是否有任何方法可以确保/验证结束日期时间选择器不在开始数据时间选择器之前？

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

我可以建议这样做，而不是引导，看看这里，只替换min选项https://jqueryui.com/datepicker/#min-最大

$（'#DatePicker'）.datetimepicker({时间选择器：false，格式："d.m.Y"，min日期：1969年12月31日})

你必须设置一个最小日期，它应该以普通的方式设置，以便在不同的日期下工作

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

$('#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
    }
});
相关文章：