文章目录
- 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(防止抄袭,原文地址不可删除)