layui 获取时间选择框的值
时间: 2023-07-01 17:27:04 浏览: 288
layui给下拉框、按钮状态、时间赋初始值的方法
首先需要引入 layui 的时间选择器模块:
```html
<link rel="stylesheet" href="//cdn.layui.com/layui-v2.5.6/css/layui.css">
<script src="//cdn.layui.com/layui-v2.5.6/layui.js"></script>
```
然后在页面中添加一个时间选择器:
```html
<input type="text" class="layui-input" id="timePicker">
```
最后在 JavaScript 中获取时间选择器的值:
```javascript
layui.use(['laydate'], function(){
var laydate = layui.laydate;
laydate.render({
elem: '#timePicker',
type: 'datetime',
done: function(value, date){
console.log(value); // 输出时间选择器的值
}
});
});
```
在 `done` 回调函数中可以获取到时间选择器的值 `value`,可以将其保存到变量中或者进行其他操作。
阅读全文