layui时间选择器点击事件

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

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

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

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

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

layui时间选择器点击事件相关推荐

layui时间选择器选择周和季度
layui时间选择器选择周和季度最近一个后台管理页面数据查询时间间隔要有:日,周,月,季度,年:UI组件我们用的layui,官方dome只有日月年(直接去ctrl+c ctrl+v就好了,在这就不多 ...
Layui时间选择器，Layui时间控件选择时间范围的方法
官方文档:https://www.layui.site/doc/modules/laydate.html 通用时间渲染函数 function renderTime(elem, type, value, ...
iview+时间选择器+禁止选择事件
前言: iview的时间框禁止事件使用它自身的options:bbyfOptionsbbyfOptions:{//我这里限制是当前时间之后和两年前都不能选择disabledDate (date) { ...
layui 时间选择器
<div class="layui-col-xs8"><div class="layui-inline"><label>开始 ...
VantUI时间选择器
前言: 由于页面所需的时间选择器较多,所以我只写了一个弹出层,选择器全部放弹出层里,通过 v-if 控制显示与隐藏. 主要代码: 1.需求主要是实现年月日的选择,type="date&quo ...
使用layui做数据表格使用下拉菜单并实现删除功能和时间选择器
一.再layui官网上查看数据表格的使用方式查看代码实例不使用 toolbar工具栏,分页功能之类的就不在创建渲染实例的声明二.根据你要完成表格设计稿完成数据表格中使用下拉菜单和时间选择器以图 ...
2、多效果、太极图、党徽和五角星、时钟、animation、文本溢出显示省略号、Flex布局、Flex容器、链接状态、选择器、清除浮动、table表格合并、点击事件、半包围效
2.多效果.太极图.党徽和五角星.时钟.animation.文本溢出显示省略号.Flex布局.Flex容器.链接状态.选择器.清除浮动.table表格合并.点击事件.半包围效.getBoundingC ...
button layui 点击事件_解决layui中的form表单与button的点击事件冲突问题
解决layui中的form表单与button的点击事件冲突问题 layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图: 蓝色底为form的位置, ...
layui表格数据重载根据不同的条件点击事件怎么实现？
就是根据红色标记的条件来重载表格数据,还没有点击上面红色标记的条件默认是本周,这里可以加载出来,但点击其他的时候就没有数据出现了.需要重新加载框架才有数据显示.请问大神这问题如何解决? 默认的时候是显 ...

layui时间选择器点击事件

layui时间选择器点击事件相关推荐

最新文章

热门文章