laydate.render({ elem: '#ldTime' , showBottom: false }); laydate.render({ elem: '#ldTime2', type: 'time', format: 'HH:mm' , showBottom: false });为什么前者不点确定就能自动完成选择,而后者选完三个选项后选择器也不关闭?
时间: 2023-11-22 16:54:20 浏览: 35
这是因为两个示例中使用的是不同的日期选择器插件。
第一个示例中使用的是 layui 的日期选择器插件,该插件在用户选择日期后会自动关闭选择器并触发一个回调函数。因此,用户不需要点击“确定”按钮。
而第二个示例中使用的是 layui 的时间选择器插件,该插件在用户选择时间后不会自动关闭选择器,因此用户需要手动点击“确定”按钮来关闭选择器。
如果你需要在选择时间后自动关闭选择器,可以在回调函数中添加代码来手动关闭选择器,如下所示:
```
laydate.render({
elem: '#ldTime2',
type: 'time',
format: 'HH:mm',
showBottom: false,
done: function(value, date, endDate) {
// 手动关闭选择器
this.done();
}
});
```
相关问题
laydate.render({ elem: '#kaishishijian', type: 'datetime' }); laydate.render({ elem: '#jieshushijian', type: 'datetime' });
这段代码使用了LayDate插件来渲染日期时间选择器。具体来说,它做了以下几件事情:
1. 使用laydate.render方法来渲染日期时间选择器。
2. 设置选择器的目标元素,即elem属性值为'#kaishishijian'和'#jieshushijian'。
3. 设置选择器的类型,即type属性值为'datetime',表示同时选择日期和时间。
如果您有更具体的问题需要帮助解答,可以再提出来哦。
laydate.render({ elem: '#ckTime' //指定元素 ,type: 'date' ,trigger : 'click' });
这段代码是使用了 LayDate 插件来渲染一个日期选择器,并将其绑定到 id 为 "ckTime" 的元素上。具体的配置如下:
- `elem` 参数指定了要渲染的元素,这里是 id 为 "ckTime" 的元素。
- `type` 参数指定了日期选择器的类型,这里是 "date",表示只显示日期。
- `trigger` 参数指定了触发日期选择器的方式,这里是 "click",表示点击元素时触发。
当你点击指定的元素时,就会弹出一个日期选择器供你选择日期。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)