layui的laydate日历框架,为啥第一个可以正常弹出,第二个就一闪而过?

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <link rel="stylesheet" href="css/layui.css" media="all">
</head>
<body>
 

  <input type="text" class="layui-input test1" >
  <input type="text" class="layui-input test1" >

<script src="layui.js"></script>
<script>
layui.use('laydate', function(){
  var laydate = layui.laydate; 
  //执行一个laydate实例
  laydate.render({
    elem: '.test1' //指定元素
  });
});
</script>
</body>
</html>
阅读 9.3k
3 个回答

如果页面上有多个的话,可以用循环加载..

$(".layDate").each(function (i,e) {
            laydate.render({
                elem: this,
                value: new Date(),
                btns: ['now', 'confirm'],
            });
        })

一个render一次渲染一个日期组件,两个元素的class区别开试试

clipboard.png
clipboard.png
clipboard.png

必须 一对一?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题