laydate时间控件:开始时间,结束时间最⼤最⼩值时间控件地址及插件下载链接:
填充时间已两个功能为例;
1.添加功能:时间
规则:选择开始时间后,点击结束时间必须⼤于开始时间;
   如果先选择结束时间,开始时间必须⼩于结束时间;
代码如下:
<html>
<body>
<input type="text" class="cousre-time" id="startTime" placeholder="开始时间"
name="startTime"/>
<span>-</span>
<input type="text" class="cousre-time" id="endTime" placeholder="结束时间"
name="endTime"/>
</body>
<script>
layui.use('laydate', function() {
var laydate = layui.laydate;
//开始时间
var start = der({
elem : '#startTime',
type : 'datetime', //可选择:年⽉⽇时分秒
theme : 'molv',
trigger : 'click', //采⽤click弹出
done : function(value, date, endDate) {
year : ar,
month : h - 1,
date : date.date,
hours : date.hours,
minutes : date.minutes,
seconds : date.seconds
}; //开始⽇选好后,重置结束⽇的最⼩⽇期
year : ar,
month : h - 1,
date : date.date,
hours : date.hours,
minutes : date.minutes,
seconds : date.seconds
}; //将结束⽇的初始值设定为开始⽇
}
});
//结束时间
var end = der({
elem : '#endTime',
type : 'datetime', //可选择:年⽉⽇时分秒
theme : 'molv',
trigger : 'click', //采⽤click弹出
done : function(value, date, endDate) {
year : ar,
month : h - 1,
date : date.date,
hours : date.hours,
minutes : date.minutes,
seconds : date.seconds
}; //结束⽇选好后,重置开始⽇的最⼤⽇期
}
});
});
</script>
</html>
2.编辑功能:时间
规则:默认有个初始值;
   选择开始时间后,点击结束时间必须⼤于开始时间;   如果先选择结束时间,开始时间必须⼩于结束时间;
代码如下:
<script type="text/javascript">
//${project.startTime.time} 是因为在jsp下写的;可替换成html;或者直接在der⾥添加也⾏var startTimeString = formatDate(new Date([[${project.startTime.time}]]));
var endTimeString = formatDate(new Date([[${dTime.time}]]));
layui.use('laydate', function() {
var laydate = layui.laydate;
//开始时间
var start = der({
elem : '#startTime',
type : 'datetime', //可选择:年⽉⽇时分秒
theme : 'molv',
value : startTimeString,
trigger : 'click', //采⽤click弹出
max : endTimeString,
done : function(date) {
year : ar,
month : h - 1,
date : date.date,
hours : date.hours,
minutes : date.minutes,
seconds : date.seconds
}; //开始⽇选好后,重置结束⽇的最⼩⽇期
}
});
//结束时间
var end = der({
elem : '#endTime',
type : 'datetime', //可选择:年⽉⽇时分秒
theme : 'molv',
value : endTimeString,
trigger : 'click', //采⽤click弹出
min : endTimeString,
done : function(value, date, endDate) {
year : ar,
month : h - 1,
date : date.date,
hours : date.hours,
minutes : date.minutes,
seconds : date.seconds
}; //结束⽇选好后,重置开始⽇的最⼤⽇期                    }
});
});
layui下载</script>