layDate插件的使用以及点击的闪烁问题

本文分享了在非Vue项目中使用layDate插件的过程,包括解决点击闪现及获取输入框值的问题,通过自定义代码实现稳定的时间选择功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我这个小菜鸡遇到一个功能,又出现了问题

PC端增加一个按开始、结束时间的查询条件,如下图。因为要精确到年月日时分秒,之前用的日历插件可能不符合要求,于是我就找了很久!终于在一个jquery库中找到了这个layDate插件,这个不是从layui库中下(这个项目不是用vue框架搭建的,但有用到vue实例)

效果图

这是插件的目录,按照里面的index.html,可以选择其他的日期选择样式

插件

html引用部分,因为这个项目有用到vue实例,所以我给input加入了点击事件

html部分

js引用部分,这个项目是用require.js管理模块的,如果不用它,直接引入你下的laydate就好

js

js引用

有bug的js

到这里按照它本身的代码就引用结束了,于是我在写的时候有两个问题

1.它没有回调函数吗?我怎么获取输入框的值?

2.点击input框,这个插件时而有时而没有,还闪现?

这就很尴尬了

然后我就找了很长时间(源于自己的代码量不足),自己给它加了代码,就没问题了(每次解决完bug巨开心,可能还是太年轻~.~)

紫色的框解决了点击闪现/闪烁的问题,橙色的框获取到了输入框的值

js写的部分

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值