bootstrap日期限制

1.效果需求前一个input输入的日期不能大于后一个input输入的日期
页面效果:


bootstrap日期限制_第1张图片
日期约束.png

2.html

//引入文件datetimepick插件  




//页面
![](/Public/Home/images/close.png)
——
![](/Public/Home/images/close.png)

3.js

//初始化日期控件
 $("#SDate").datetimepicker({
            forceParse: true,  //强制解析
            language: 'zh-CN',
            format: 'yyyy-mm-dd hh:ii',    //日期格式
            autoclose: true,   //选完时间后自动关闭
            todayBtn: false,
            startView: 2,  //日期选择器打开首先显示的视图0-时,1-天,2-月,3-年,4-十年
            minView: 0,  //最精确的时间:0-时,1-天,2-月,3-年,4-十年
            maxView: 'decade',   //最高能展示的时间
            bootcssVer:3
      }).on("click", function (ev) {
           $("#SDate").datetimepicker("setEndDate", $("#EDate").val());
      });
       $("#EDate").datetimepicker({
            forceParse: true,
            language: 'zh-CN',
            format: 'yyyy-mm-dd hh:ii ',
            autoclose: true,
            todayBtn: false,
            startView: 2,
            minView: 0,
            maxView: 'decade',
            bootcssVer:3
       }).on("click", function (ev) {
           $("#EDate").datetimepicker("setStartDate", $("#SDate").val());
    });

你可能感兴趣的:(bootstrap日期限制)