layui 设置开始时间与结束时间在一周范围内
时间: 2023-11-10 18:05:19 浏览: 40
要在一周范围内设置开始时间和结束时间,可以使用 Layui 的日期时间范围选择器组件,即 laydate.range。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css">
</head>
<body>
<div class="layui-form-item">
<label class="layui-form-label">时间范围</label>
<div class="layui-input-block">
<input type="text" name="dateRange" id="dateRange" autocomplete="off" class="layui-input">
</div>
</div>
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script>
<script>
layui.use(['laydate'], function(){
var laydate = layui.laydate;
laydate.render({
elem: '#dateRange',
range: true,
min: 0,
max: 6,
done: function(value, date, endDate){
console.log('开始时间:' + value.split(' - ')[0]); // 获取开始时间
console.log('结束时间:' + value.split(' - ')[1]); // 获取结束时间
}
});
});
</script>
</body>
</html>
```
这段代码使用了 Layui 的日期时间范围选择器组件 laydate.range。其中,`min: 0` 表示最小选择范围为今天,`max: 6` 表示最大选择范围为今天加上6天,即一周的范围。
你可以根据需要将以上代码嵌入到你的项目中,并根据 laydate.range 提供的回调函数获取所选择的开始时间和结束时间。