专注于
浏览器插件开发

【layui】 关于layui的日期和时间组件laydate闪屏的bug

在进行获取时间时,不知各位有没有遇到这样的坑,就是在使用layui.laydate组件时会出现闪屏的问题。网上的教法乱七八糟,我找了好久也没有找到解决的方法:

jsp页面:
<input class=”layui-input” placeholder=”查询日期” id=”id” name=”checkDate”>

js代码:
layui.use([‘form’,’laydate’],function(){
laydate.render({
elem:’#id’
,format:’yyyy-MM-dd’
,max:’2099-06-16′
,min:’1980-01-01′
});
});

以上写法在页面上没有出现闪屏立刻关闭的问题。可是在弹框实现时这种方法就有问题了,首次弹出框显示,闪屏以下然后就拜拜了。后来我换了以下这种方法就解决了这个问题:

jsp页面:
<input type=”text” class=”layui-input test-item” placeholder=”审核时间” value=”${model.checkDate}” name=”checkDate”>
(注意:class必须添加 test-item样式 这是重点,具体去看layui文档)

js代码:
layui.use(‘laydate’, function(){
var laydate = layui.laydate;
//同时绑定多个
lay(‘.test-item’).each(function(){
laydate.render({
elem: this
,format:’yyyy-MM-dd HH:mm:ss’
,type:’datetime’
,trigger: ‘click’
});
});
});

如果同一个弹框中存在多个这样的日期输入框则直接在页面依样画葫芦就行。

未经允许不得转载:磁钉插件网 » 【layui】 关于layui的日期和时间组件laydate闪屏的bug
分享到: 更多 (0)

猜你喜欢

  • 暂无文章

评论 抢沙发

评论前必须登录!