简单好用的时间插件laydate实现开始时间和结束时间的限制

首先，引入js文件，laydate的js文件可以去官网下载

1. <script src="{{asset('lib/js/jquery-2.0.3.min.js')}}"></script>  

1. <script src="{{asset('lib/js/laydate/laydate.dev.js')}}"></script>  

然后，DOM加入开始和结束的ID 

1. <label for="date">开始日期</label>  
2.     <input type="text" id="start" name='start' class="form-control laydate-icon"/>   
3. <label for="date">结束日期</label>  
4.     <input type="text" id="end" name='end' class="form-control laydate-icon"/>  

接着，让LAYDATE功能实现

$(function(){  

var start = {  

        elem: '#start', //选择ID为START的input  

        format: 'YYYY/MM/DD hh:mm:ss', //自动生成的时间格式  

        min: laydate.now(), //设定最小日期为当前日期  

       max: '2099-06-16 23:59:59', //最大日期  

        istime: true, //必须填入时间  

        istoday: false,  //是否是当天  

        start: laydate.now(0,"YYYY/MM/DD hh:mm:ss"),  //设置开始时间为当前时间  

        choose: function(datas){  

             end.min = datas; //开始日选好后，重置结束日的最小日期  

             end.start = datas //将结束日的初始值设定为开始日  

        }  

    };  var end = {  

        elem: '#end',  

        format: 'YYYY/MM/DD hh:mm:ss',  

        min: laydate.now(),  

        max: '2099-06-16 23:59:59',  

       istime: true,  

        istoday: false,  

       start: laydate.now(0,"YYYY/MM/DD hh:mm:ss"),  

        choose: function(datas){  

            start.max = datas; //结束日选好后，重置开始日的最大日期  

        }  

    };  

    laydate(start);  

    laydate(end);  

    })  

 详情可查：http://www.layui.com/laydate/

转载于:https://www.cnblogs.com/XFJ-XXX/p/8184319.html