其實就是在結束時間框里設置開始時間的最大時間
在開始時間框里設置結束時間的最小時間
具體代碼如下
layui.use('laydate', function () { var laydate = layui.laydate; var startDate = laydate.render({ elem: startEl, type: type, trigger: 'click', max:"2099-12-31",//設置一個默認最大值 done: function(value, date) { // 結束時間大於開始時間 endDate.config.min ={ year:date.year, month:date.month-1, //關鍵 date: date.date, hours: 0, minutes: 0, seconds : 0 }; } }); var endDate = laydate.render({ elem: endEl, type: type, min:"1970-1-1",//設置min默認最小值 trigger: 'click', done: function(value, date) { // 開始時間小於結束時間 startDate.config.max={ year:date.year, month:date.month-1,//關鍵 date: date.date, hours: 0, minutes: 0, seconds : 0 } } }); });
此外:
類型:String,默認值:date
用於單獨提供不同的選擇器類型,可選值如下表:
type可選值 |
名稱 |
用途 |
year | 年選擇器 |
只提供年列表選擇 |
month | 年月選擇器 |
只提供年、月選擇 |
date | 日期選擇器 |
可選擇:年、月、日。type默認值,一般可不填 |
time | 時間選擇器 |
只提供時、分、秒選擇 |
datetime | 日期時間選擇器 |
可選擇:年、月、日、時、分、秒 |