layui时间选择器点击事件

简介: 最近写了一个项目用到了layui框架,其中在用到时间选择器控件的时候想做一个点击一个时间可以触发一个事件,然后这个事件可以获取点击的时间,最终通过获取的时间来进行数据库查找,但是无奈怎样也触发不了点击事件,网上同题目的博客很多,大多不是这个问题,接下来我就说一下我是怎么解决的。

问题



最近写了一个项目用到了layui框架,其中在用到时间选择器控件的时候想做一个点击一个时间可以触发一个事件,然后这个事件可以获取点击的时间,最终通过获取的时间来进行数据库查找,但是无奈怎样也触发不了点击事件,网上同题目的博客很多,大多不是这个问题,接下来我就说一下我是怎么解决的。


解决



1、首先在我们的时间选择器组件上加上id,如同


3.png


相信使用了layui的时间控件的同学们都是这个样子的吧,接下来让我们加上这个。


4.png


如果同学们一开始的时间控件可以正常使用就只用找到这个地方,加上红色框钟点的代码即可,目前的效果是点击后console输出点击的时间,如图。


5.png


上面的方法点击后控件无法收回,大家可以直接使用下面的方法。


6.png


只需要将change改为done就可以了,小伙伴们快来试试吧!



相关文章
08jqGrid - 自定义按钮
08jqGrid - 自定义按钮
49 0
|
3月前
|
前端开发 JavaScript
Bootstrap中的dropdown、下拉选择框、dropdown-toggle
这篇文章提供了一个使用Bootstrap框架创建带有下拉菜单的标签页的HTML实例,包括如何引用Bootstrap的CSS和JavaScript文件,并展示了具体的HTML代码实现下拉选择框功能。
|
5月前
|
JavaScript
使用layui checkbox复选框样式实现单选功能
使用layui checkbox复选框样式实现单选功能
400 0
|
6月前
|
JavaScript
EasyUi下拉框选值时触发js事件。
EasyUi下拉框选值时触发js事件。
|
6月前
|
JavaScript 容器
模态框(Modal
模态框(Modal)是一种用于在网页上展示重要信息或功能的交互式窗口。它通常在页面顶部或页面中部弹出,覆盖在页面之上,使页面部分内容不可见,直到模态框被关闭。模态框可以包含文本、图像、表单、按钮等元素,用于向用户展示信息、获取用户输入或执行其他操作。
205 4
|
JavaScript 小程序
picker bindchange="bindPickerChange" 点击事件
picker bindchange="bindPickerChange" 点击事件
265 1
50zTree - 带 radio 的单选下拉菜单
50zTree - 带 radio 的单选下拉菜单
49 1
layui的复选框怎么设置只能单选
layui的复选框怎么设置只能单选
|
缓存 JavaScript 前端开发
LayUI系列(三)之动态添加选项卡
LayUI系列(三)之动态添加选项卡