layui时间选择器 开始时间 结束时间 跨度半个小时
时间: 2023-11-14 11:23:06 浏览: 144
你可以使用 layui 时间选择器的 range 模式来同时选择开始时间和结束时间,并使用 interval 参数设置时间间隔为半个小时。下面是一个示例代码:
HTML 代码:
```html
<input type="text" name="time" id="time" lay-verify="required" placeholder="请选择时间范围" autocomplete="off" class="layui-input">
```
JavaScript 代码:
```javascript
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#time', //指定元素
type: 'datetime',
range: true, //开启时间范围选择
interval: 30, //时间间隔为30分钟
format: 'yyyy-MM-dd HH:mm:ss',
value: new Date() //默认选中当前时间
});
});
```
这样你就可以在页面上看到一个时间选择器,可以同时选择开始时间和结束时间,时间间隔为半个小时。
阅读全文