datetimepicker--实战小总结

$('#allStartDate').datetimepicker({
            format: 'yyyy-mm-dd hh:ii:00',
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 0,
            maxView: 1,
            forceParse: 0,
            startDate: new Date()
        }).on("changeDate",function(event){
            // event.preventDefault();
            // event.stopPropagation();
            var startTime = $('#allStartDate').val();
            $("#allEndDate").datetimepicker("setStartDate",startTime);
            $("#allStartDate").datetimepicker("hide");

        });
        $("#allEndDate").datetimepicker({
            format: 'yyyy-mm-dd hh:ii:00',
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 0,
            maxView: 1,
            forceParse: 0
        }).on("changeDate",function(event){
            var startTime = $('#allStartDate').val();
            var endTime = $('#allEndDate').val();
            $("#allStartDate").datetimepicker("setEndDate",endTime);
            $("#allEndDate").datetimepicker("hide");
        });

startDate: new Date(); // 开始时间为当前时间,即限定用户不能选择当前时间之前的时间

setEndDate /   setStartDate : 用来限定;结束时间不能早于开始时间

猜你喜欢

转载自www.cnblogs.com/fchx91/p/10818692.html