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
}; //结束⽇选好后，重置开始⽇的最⼤⽇期 }
});
});
</script>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论