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

作者：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（防止抄袭，原文地址不可删除）