layui时间选择器点击事件

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

问题



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


解决



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


3.png


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


4.png


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


5.png


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


6.png


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



相关文章
|
5月前
|
前端开发 JavaScript
Bootstrap中的dropdown、下拉选择框、dropdown-toggle
这篇文章提供了一个使用Bootstrap框架创建带有下拉菜单的标签页的HTML实例,包括如何引用Bootstrap的CSS和JavaScript文件,并展示了具体的HTML代码实现下拉选择框功能。
|
7月前
|
JavaScript
使用layui checkbox复选框样式实现单选功能
使用layui checkbox复选框样式实现单选功能
448 0
|
JavaScript 小程序
picker bindchange="bindPickerChange" 点击事件
picker bindchange="bindPickerChange" 点击事件
302 1
|
小程序 JavaScript 前端开发
picker选择器(下拉框)以及传值问题
微信小程序picker选择器(下拉框)以及传值问题
131 0
18EasyUI 布局- 添加自动播放标签页(Tabs)
18EasyUI 布局- 添加自动播放标签页(Tabs)
49 0
17EasyUI 布局- 动态添加标签页(Tabs)
17EasyUI 布局- 动态添加标签页(Tabs)
60 0
|
JavaScript 前端开发
jquery通过setInterval实现按钮的轮播点击效果
jquery通过setInterval实现按钮的轮播点击效果
81 0
|
JSON 数据格式
EasyUI–下拉框combobox
首先声明,所谓的数据控件这一个概念,EasyUI官方应该也没这个说法。猫哥是感觉网页上经常使用的、经常需要从后台获取数据后显示到控件内部的,有这么四个:下拉框、下拉列表、树、表格。
254 0
EasyUI–下拉框combobox
|
JavaScript 前端开发 容器
layUI 几个简单的弹出层
导入控件主题 创建容器 也就是包含jsTree控件的元素,一般使用就可以了。 引入jQuery jsTree依赖于jQuery,所以需要引入jQuery: 引入jsTree 部署环境使用压缩版的jsTree.min.js,如果是开发环境可以使用jsTree.js 创建jsTree实例 DOM加载完毕之后,就可以创建jsTree实例对象了。
2460 0