需求:用layui的时间选择器,规定用户选择开始时间或者结束时间后,只能在同一年里面并且结束时间不能超过开始时间的最大值,相反先选择结束时间后,开始时间不能超过结束时间的最小值。
例如:用户选择开始日期 2018-05-06后,那么结束时间就不能选择2018-05-06之前的日期(包括06);
用户选择结束日期 2018-05-06后,那么结束时间就不能选择2018-05-06之后的日期(包括06);
用户的开始时间或结束时间选择哪一年,那么就只能在这一年内做选择。即不跨年操作。
layui官网建议选择器的js设置在$(document).ready(function()里面即初始化页面自动加载出来。
layui.use('laydate', function(){
var laydate = layui.laydate;
var starttime = laydate.render({
elem: '#starttime', //id绑定事件
theme: '#007dcf',
position: 'fixed',
btns: ['confirm'],
min:'2018-01-01',//根据业务需求设定
done: function(value, date, endDate) {
//value是点击开始时间选择的值,date是对象