layui时间控件单击双击改变状态

news/2025/2/12 8:08:42/

文章目录

  • 1️⃣ layui单击隐藏弹出的时间窗
  • 2️⃣ layui双击隐藏弹出的时间窗
    • 2.1 找到官方的插件
    • 2.2 改变引用,加上change函数
  • 优质资源分享

作者:xcLeigh
文章地址:https://blog.csdn.net/weixin_43151418


layui时间控件单击双击改变状态,日期弹框的时候,需要点击确定,才能关闭弹框,这里闲太麻烦了,就可以改成单击或者双击日期,关闭日期弹框。

1️⃣ layui单击隐藏弹出的时间窗

laydate.render({elem: '#kssj', type: 'datetime',change: function (value, date, endDate) { //当值改变的时候调用函数console.log(value);$('#kssj').val(value);   //给时间文本赋值$('.layui-laydate').remove();  //移除弹窗}
});

2️⃣ layui双击隐藏弹出的时间窗

2.1 找到官方的插件

    看这两文件,你调用的哪个,可以全局在自己项目搜索

  • layui.all.js
  • laydate.js
    官网提供的是压缩后的文件,打开文件后查找
 a.on("click"

在这里插入图片描述
    如图,在 a.on(“click”,function(){e.choose(w(this))})后面加上以下代码即可。

 //日期控件加入双击事件a.on("dblclick", function () { e.choose(w(this)); e.done(); e.remove(); });

2.2 改变引用,加上change函数

    改变引用,加上change函数,主要是为了给时间文本框赋值。

laydate.render({elem:'#jssj', type: 'datetime',change: function (value, date, endDate) {console.log(value);$('#jssj').val(value);}
});

优质资源分享

🧡🧡🧡🧡🤍【总览】程序员前端、后端资源合集

🧡🧡🧡🧡🤍【源码】程序员优质资源汇总

🧡🧡🧡🧡🤍【博主推荐】JAVA SSM框架的后台管理系统(附源码)

🧡🧡🧡🧡🤍【博主推荐】SpringBoot API接口对数据库增删改查,路由,TOKEN,WebSocket完整版(附源码)

🧡🧡🧡🧡🤍【博主推荐】HTML制作一个美观的个人简介网页(附源码)

🧡🧡🧡🧡🤍【博主推荐】html好看的个人简历网页版(附源码)

🧡🧡🧡🧡🤍【博主推荐】html好看的个人主页(附源码)

🧡🧡🧡🧡🤍【博主推荐】html好看的邀请函(附源码)

🧡🧡🧡🧡🤍【博主推荐】html好看的音乐播放器(附源码)

🧡🧡🧡🧡🤍【博主推荐】html好看的拼图小游戏(附源码)

🧡🧡🧡🤍🤍【博主推荐】html好看的拼图验证码(附源码)

🧡🧡🧡🧡🧡【博主推荐】html界面绘制SVG图形(附源码)

🧡🧡🧡🧡🤍【博主推荐】html操作SVG图(附源码)

🧡🧡🧡🧡🤍【博主推荐】html下拉框树形(附好看的登录界面)

🧡🧡🧡🧡🤍【博主推荐】HTML5响应式手机WEB(附源码)

🧡🧡🧡🧡🤍【博主推荐】大数据可视化大屏(源码下载)

🧡🧡🧡🧡🧡【博主推荐】html引用百度地图定位闪烁弹框树形(附源码)

🧡🧡🧡🧡🤍【博主推荐】HTML酷炫动画表白求爱界面(附源码)


     💞 关注博主 带你实现畅游前后端

     🏰 加入社区 带你体验马航不孤单

     💯 神秘个人简介 带你体验不一样得介绍

     🎀 酷炫邀请函 带你体验高大上得邀请


     ① 🉑提供云服务部署(有自己的阿里云);
     ② 🉑提供前端、后端、应用程序、H5、小程序、公众号等相关业务;
     如🈶合作请联系我,期待您的联系。
    :本文撰写于CSDN平台,作者:xcLeigh所有权归作者所有) ,https://blog.csdn.net/weixin_43151418,如果相关下载没有跳转,请查看这个地址,相关链接没有跳转,皆是抄袭本文,转载请备注本文原地址。


     亲,码字不易,动动小手,欢迎 点赞 ➕ 收藏,如 🈶 问题请留言(评论),博主看见后一定及时给您答复,💌💌💌


原文地址:https://blog.csdn.net/weixin_43151418(防止抄袭,原文地址不可删除)


http://www.ppmy.cn/news/502337.html

相关文章

雪碧图

<html lang"en"> <head><meta charset"UTF-8"><title>雪碧图</title><style type"text/css">.lian:link{display: block;width: 42px;height: 30px;background-image: url(img/1.png);background-position:…

JUC高级-0620

8. CAS 原子类&#xff1a;Atomic没有CAS之前&#xff1a;多线程环境不使用原子类保证线程安全i&#xff08;基本数据类型&#xff09;&#xff0c;可以使用synchronized&#xff0c;但是很重有CAS之后&#xff1a; 使用AtomicInteger.getAndIncrement这样的API&#xff0c;保…

C++核心编程——详解函数模板

纵有疾风起&#xff0c;人生不言弃。本文篇幅较长&#xff0c;如有错误请不吝赐教&#xff0c;感谢支持。 &#x1f4ac;文章目录 一.模板的基础知识①为什么有模板&#xff1f;②初识模板 二.函数模板①函数模板的定义②函数模板的使用③函数模板实例化1️⃣隐式实例化2️⃣显…

冷笑话第一期

有一天让梨的孔融对叔叔说&#xff1a; “我是个小孩子&#xff0c;我吃个小的就行” 觉得叔叔会说什么&#xff1f;

最最超级无敌的冷笑话,能把人噎死

最最超级无敌的冷笑话&#xff0c;能把人噎死 图片&#xff1a; 图片&#xff1a; 图片&#xff1a; 图片&#xff1a; 图片&#xff1a; 图片&#xff1a; 图片&#xff1a; Happy new year!!! 感谢河蟹网友魑魅魍魉的投递&#xff0c;原文链接1:从前有个人钓鱼&#xff0c;钓…

冷到冰点的冷笑话(18岁一下慎入)

1.中午和宿舍一兄弟到食堂吃饭&#xff0c;发现旁边餐桌有位低胸劲爆、身材火辣的MM&#xff01; 我不由得多看了几眼&#xff0c;然后压低声音对兄弟说&#xff1a;“考你道常识题&#xff0c;世界上最大的大象有多重&#xff1f;   A&#xff1a;1吨&#xff1b;B&#xff1…

100个冷笑话,越往后越冷(郁闷时专用……)

1:从前有个人钓鱼&#xff0c;钓到了只鱿鱼。 鱿鱼求他&#xff1a;你放了我吧&#xff0c;别把我烤来吃啊。 那个人说&#xff1a;好的&#xff0c;那么我来考问你几个问题吧。 鱿鱼很开心说&#xff1a;你考吧你考吧&#xff01; 然后这人就把鱿鱼给烤了.. 2&#xff1a;我曾…

大量冷笑话 (冬天别看哦~)

05年最爆笑的冷笑话&#xff01;&#xff01;&#xff01;&#xff08;绝对最新&#xff09;1.男孩对女孩说&#xff1a;“如果你愿意&#xff0c;我愿意&#xff01;&#xff01;&#xff01;”&#xff08;暗语你猜出来了吗&#xff1f;&#xff09;    2.今天我也当了回…