laydate日期控件,设置结束时间不能早于开始时间

一、HTML代码:

       

             

             

                   

                              class="layui-input" lay-verify="required" placeholder="yyyy-MM-dd">

           

     

     

             

             

                     

                                class="layui-input" lay-verify="required" placeholder="yyyy-MM-dd">

           

     

二、页面:(这里我的开始时间是:2019-07-11,结束时间选择的时候,2019-07-11之前的日期都能选择====所以结束日期不能早于开始日期的效果就达到啦~)

laydate日期控件,设置结束时间不能早于开始时间_第1张图片

三、JS部分:

//劳动合同结束日期

var laodongendDate= laydate.render({

elem: '#laodongEndDate',//选择器结束时间

type: 'date',

done: function(value,date){

laodongstartDate.config.max={

year:date.year,

month:date.month-1,//注意是month-1,写在date上的话你后边的日期选择不了

date: date.date,

hours: 0,

minutes: 0,

seconds : 0

}

}

});

//劳动合同开始日期

 var laodongstartDate=laydate.render({

elem: '#laodongStartDate',

type: 'date',

done: function(value, date){

laodongendDate.config.min ={

year:date.year,

month:date.month-1,

date: date.date,

hours: 0,

minutes: 0,

seconds : 0

};

}

});

你可能感兴趣的:(layui)