bootstrap之datetimepicker设置开始时间和结束时间

bootstrap datetimepicker有几个版本,部分属性的名称不一样。比如说之前用过一版设置开始时间属性是minDate,结束时间是maxDate。还有一版开始时间:startDate,结束时间endDate。现在大部分网上下载的应该都是后者。

datetimepicker1是开始时间,datetimepicker2是结束时间。

var picker1 = $('#datetimepicker1').datetimepicker({

        format: 'yyyy-mm-dd hh:ii',

        startDate:newDate()//此处先设一个最小时间,newDate是自己写的方法,是今天

    }); 

    var picker2 = $('#datetimepicker2').datetimepicker({ 

        format: 'yyyy-mm-dd hh:ii',

        startDate:newDate()

    });

 动态设置datetimepicker2的最小值, 不能小于datetimepicker1

    picker1.on('changeDate', function (e) { 

        $('#datetimepicker2').datetimepicker('setStartDate',e.date);

    });

 动态设置datetimepicker1的最大值 ,不能大于datetimepicker2

    picker2.on('changeDate', function (e) { 

        $('#datetimepicker1').datetimepicker('setEndDate',e.date);

    }); 

完整教程地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

你可能感兴趣的:(bootstrap之datetimepicker设置开始时间和结束时间)