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

我是在Laravel下使用的,具体按照你的情况,更改一下路径就行

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


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


     

    

接着,让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);
    })



你可能感兴趣的:(Laravel,插件)