天天看點

JQuery的datetimepicker插件,限制開始時間小于等于結束時間的方法

此插件在火狐浏覽器中無法正常使用!!!

js部分:

開始時間的插件
$("#startTime").datetimepicker({
            minView: "month",
            language:  'zh-CN',
            format: 'yyyy-mm-dd',
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left"
        }).on('changeDate',function(ev){
             var starttime=$("#startTime").val();
$("#endTime").datetimepicker('setStartDate',starttime);
             $("#startTime").datetimepicker('hide');
        });

結束時間的插件 
        $("#endTime").datetimepicker({
            minView: "month",
            language:  'zh-CN',
            format: 'yyyy-mm-dd',
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left"
        }).on('changeDate',function(ev){
             var starttime=$("#startTime").val();
             var endtime=$("#endTime").val();
             $("#startTime").datetimepicker('setEndDate',endtime);
             $("#endTime").datetimepicker('hide'); 
        });
           

html部分

<div class="form-group">
                    <div class="input-group">
                      <div class="input-group-addon">開始日期</div>
                      <input class="form-control" type="text" id="startTime" />
                    </div>
                  </div>

<div class="form-group">
                    <div class="input-group">
                      <div class="input-group-addon">結束日期</div>
                      <input class="form-control" type="text" id="endTime">
                    </div>
                  </div>