layui时间选择器点击事件

举报
小奇JAVA 发表于 2022/03/30 01:15:19 2022/03/30
【摘要】 问题 最近写了一个项目用到了layui框架,其中在用到时间选择器控件的时候想做一个点击一个时间可以触发一个事件,然后这个事件可以获取点击的时间,最终通过获取的时间来进行数据库查找,但是无奈怎样也触发不了点...

问题
最近写了一个项目用到了layui框架,其中在用到时间选择器控件的时候想做一个点击一个时间可以触发一个事件,然后这个事件可以获取点击的时间,最终通过获取的时间来进行数据库查找,但是无奈怎样也触发不了点击事件,网上同题目的博客很多,大多不是这个问题,接下来我就说一下我是怎么解决的。
解决
1、首先在我们的时间选择器组件上加上id,如同
在这里插入图片描述
相信使用了layui的时间控件的同学们都是这个样子的吧,接下来让我们加上这个。
在这里插入图片描述
如果同学们一开始的时间控件可以正常使用就只用找到这个地方,加上红色框钟点的代码即可,目前的效果是点击后console输出点击的时间,如图。
在这里插入图片描述
上面的方法点击后控件无法收回,大家可以直接使用下面的方法。
在这里插入图片描述
只需要将change改为done就可以了,小伙伴们快来试试吧!

文章来源: xiaoqijava.blog.csdn.net,作者:学无止境小奇,版权归原作者所有,如需转载,请联系作者。

原文链接:xiaoqijava.blog.csdn.net/article/details/109630070

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。