JQuery的datetimepicker插件，限制开始时间小于等于结束时间的方法

最新推荐文章于 2024-08-09 07:09:26 发布

BrotherBaby

最新推荐文章于 2024-08-09 07:09:26 发布

阅读量1.2w

点赞数 2

分类专栏： jsp-css 文章标签： jquery

本文链接：https://blog.csdn.net/h670816026/article/details/73744599

版权

jsp-css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

此插件在火狐浏览器中无法正常使用！！！

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>