jquery实现单独使用laydate时间控件设置开始时间，结束时间最大最小值以及设置默认时分秒
使用jQuery和Laydate实现开始时间和结束时间的设置，并能够设置默认值，同时限制结束时间不能小于开始时间，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Laydate 时间控件示例</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/laydate/2.0.7/laydate.js"></script>
</head>
<body>
<input type="text" id="startTime" placeholder="开始时间">
<input type="text" id="endTime" placeholder="结束时间">
<script>
$(function(){
var start = laydate.render({
elem: '#startTime',
max: '2099-12-31', // 设置一个默认的最大值
done: function(value, date){
end.config.min = date; // 设置结束时间的最小值
}
});
var end = laydate.render({
elem: '#endTime',
max: '2099-12-31', // 设置一个默认的最大值
done: function(value, date){
if(date < start.config.start){
end.config.start = start.config.start; // 确保结束时间不小于开始时间
}
}
});
// 假设需要设置默认值
start.config.setValue = '2023-01-01'; // 设置开始时间的默认值
end.config.setValue = '2023-12-31'; // 设置结束时间的默认值
});
</script>
</body>
</html>在这段代码中，我们使用了Laydate的render方法来初始化两个时间控件，分别用于选择开始时间和结束时间。通过config.min和config.max属性来动态设置时间范围，确保结束时间不会小于开始时间。同时，使用done回调函数来处理用户选择日期后的逻辑。最后，通过config.setValue属性设置了默认的开始和结束时间。
评论已关闭