layui的时间日期组件laydate闪屏、不好用

置顶凤姐yyy

于 2019-11-15 18:12:55 发布

阅读量353

点赞数 1

分类专栏： layui 文章标签： layui layui.laydate laydate laydate.render

本文链接：https://blog.youkuaiyun.com/keke2486/article/details/103089658

版权

layui 专栏收录该内容

1 篇文章

订阅专栏

本文分享了一个关于layui框架中laydate组件的问题解决方案。当一个页面引用多个时间日期组件时，会出现点击后组件闪退的情况。通过调整laydate.render()方法中的参数，如增加format和trigger属性，可以有效解决这一问题。

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

在此之前我是按照layui官方文档上写的，一个页面若引用了两个时间日期组件，那就会点击的时候闪一下就消失了
问题代码：

//修改之前
<input type="text" class="layui-input" id="test" placeholder="yyyy-MM-dd HH:mm:ss">

layui.use('laydate', function() {
		var laydate = layui.laydate;
		laydate.render({
			elem: '#test',
			type: 'datetime'
		});
	})

修改之后：

//修改之后
<input type="text" class="layui-input" id="test" placeholder="yyyy-MM-dd HH:mm:ss">

layui.use('laydate', function() {
		var laydate = layui.laydate;
		laydate.render({
			elem: '#test',
			format: 'yyyy-MM-dd HH:mm:ss',
			type: 'datetime',
			trigger: 'click'
		});
})

真的是炒鸡好用了！！！