本来的代码

预览时候,点击这个控件,日历选择器一闪而过

控件:<div class="layui-input-inline"><input class="layui-input"  name="birthdy" id="birthdy">
</div>js代码:
<script>layui.use('laydate', function(){var laydate = layui.laydate;//执行一个laydate实例laydate.render({elem: '#birthdy' //指定元素});
</script>

解决方法:

作如下修改

控件:(class添加了一个test-item)
<div class="layui-input-inline"><input class="layui-input test-item"  name="birthdy" id="birthdy">
</div>js代码:
<script>layui.use(['layer', 'form', 'element', 'laydate'], function () {var layer = layui.layer, form = layui.form, element = layui.element, laydate = layui.laydate;;lay('.test-item').each(function () {laydate.render({elem: this, format: 'yyyy-MM-dd'   , trigger: 'click'});});form.render();
});</script>

关于layui的日期和时间组件LayData时间选择器使用时一闪而过相关推荐

  1. vue-time-slot 一款基于vue3的会议预约时间组件,时间轴为早7-晚11,可自由选择,并且非常方便。

    vue-time-slot 这款组件是一个会议预约时间的组件,时间轴为早7-晚11,可自由选择 非常便捷,点击确认后会返回一个时间段,首先我们安装 npm install vue3-time-slot ...

  2. Mint-UI时间组件起始时间问题

    在使用Mint-UI的时候,官方的demo是这样的 <template><mt-datetime-pickerref="picker"type="tim ...

  3. Vant组件NavBar导航栏使用时去除下方白线问题

    如上图,在使用Vant组件导航栏时,下方会有白线,但有时是不需要它的,下面是去掉白线的方法: // 去掉导航栏底部白线 .van-hairline--bottom:after {   border-b ...

  4. 获取特定时间的时间戳,以及在使用时ios不生效问题

    1.获取特定的时间 let timea = new Date('2022/07/17 07:00').getTime() console.log('预定时间的时间戳', timea) 打印结果 : 预 ...

  5. Swing 写的日期时间组件

    Swing 写的日期时间组件 在网上收集的swing时间组件完善了一下,日期上下按钮可以点击,闰年平年判断,月份是多少天自动更新改变.希望大家继续完善. MainApp import java.awt ...

  6. db29.7时间格式化为时间到时分秒_python基础系列 | 示例讲解时间模块datetime

    Python 有很多种方式处理日期和时间,常见的时间处理的模块是datetime.time.calendar.能融汇贯通的了解和使用这三个模块,才能轻而易举地用python处理时间.本文以此为目的,通 ...

  7. LayUI中的基本元素之 日期和时间组件文档

    前言 最近在准备找工作的事项,但是作为一个后台也是需要了解一些前端框架的.就目前的来说有大火的VUE,但是VUE还是存在一定的学习成本,所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手, ...

  8. 《layui宇宙版教程》:日期和时间组件laydate

    <Layui宇宙版教程>提供2000人的QQ群进行交流学习,QQ群号:1046961650,或通过手机QQ扫描二维码进入: 1.19 日期和时间组件laydate 主要以年选择器.年月选择 ...

  9. 单独使用 laydate 日期时间组件

    layui 日期和时间组件官方文档 需要注意几点: 下载压缩包后,复制整个 laydate 文件夹放到项目中,里面的文件不要改动位置,否则会报错: 在移动端使用时,要给 input 添加 readon ...

  10. Yii2 日期和时间组件

    日期组件,时间组件在平时开发中是必不可少的.今天我们就来谈谈在yii2中的超好用的时间组件. 分享之前我们先预览下效果,看看到底怎么个好用法. 当然啦,好用不好用在于自我的感觉,光看上面的图片是感受不 ...

最新文章

  1. Java循环读取文件夹下文件
  2. 调用bash shell脚本的方式
  3. PCA的数学原理(非常值得阅读)!!!!
  4. 邊做邊學 Internet Explorer 8:瞭解 IE8 相容性技術
  5. redis 哨兵_Redis哨兵机制的原理介绍
  6. 谈谈重载(overload)覆盖(override)与隐藏
  7. node.js查询oracle,nodejs操作oracle数据库示例
  8. 18秋c语言程序设计作业答案,西工大18秋《C语言程序设计》平时作业答案.docx
  9. 《Flutter 从0到1构建大前端应用》读后感—第5章【动画】
  10. ElementUI:修改tabs标签鼠标悬浮和选中标签
  11. 论文笔记_S2D.53_2013-ICCV_单目相机半稠密视觉里程计(VO)
  12. linux 安装与卸载JDK
  13. 光猫(吉比特h2-2)超级用户名与密码
  14. 高分辨率图片导入unity模糊问题
  15. 计算机桌面计划,如何用便签在电脑桌面安排日程?
  16. 从tushare pro获取上证指数内成分股权重排序分出等级
  17. Mac安装rocketmq
  18. idea properties中文乱码uncode转中文
  19. mysql 没有开启binlog_mysql binlog没有开启数据怎么恢复
  20. 亚马逊英国站小风扇UKCA认证办理流程

热门文章

  1. python函数式编程-装饰器
  2. 编写一个基于控制台的聊天室程序
  3. PLC控制步进电机在机床自动线中的应用
  4. windows/Linux/Mac下安装maven
  5. HttpClient3.x之Get请求和Post请求示例
  6. 科技前沿---全息手机、全息图像
  7. python之6-1常用函数
  8. linux 每日学一点《如何用iptables实现NAT》
  9. linux内核虚拟内存之物理页面分配
  10. SRv6技术课堂(一):SRv6概述