Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 两个日期时间选择器_Javascript_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

Javascript 两个日期时间选择器

Javascript 两个日期时间选择器,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我使用引导DateTimePicker来输入开始和结束日期时间 是否有办法确保/验证end datetimepicker不在start datatimepicker之前 $('#start').datetimepicker({ format: 'dd-mm-yyyy hh:ii', autoclose: true, startDate: date }) $('#end').datetimepicker({

我使用引导DateTimePicker来输入开始和结束日期时间

是否有办法确保/验证end 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 
    })

我可以建议使用此选项,而不是引导,请看这里并替换min选项

$(“#日期选择器”)。日期时间选择器({ 计时器选择器:错误, 格式:“d.m.Y”, minDate:“-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
        }
    }
});
$('#end')。更改(函数(){
如果(this.val()!=“”){
var start_date=$('#start').val();
var end_date=$('#end').val();

if(start_date)只需检查输入字段是否为空。您需要使用datetimepicker事件设置最小/最大日期。具体如何设置取决于您使用的库。更多的是检查时间。例如,如果我在开始时选择5/04/2015 9:00,那么最后选择5/04/2015 8.00应该不允许我。。
$('#submit').click(function(){

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

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

});