关于时间控件 - 绑定元素为类名时点-击时间控件闪退

提问 已结
3 66
势
4天前
悬赏:20飞吻
版本:独立版layer layDate-v5.0.8 浏览器:谷歌
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用 layDate 独立版</title>
</head>
<body>
<input type="text" class="test1" id="test1">
<input type="text" class="test1" id="test1">
<input type="text" class="test1" id="test1">
<input type="text" class="test1" id="test1">
<input type="text" class="test1" id="test1">
<script src="layDate-v5.0.7/laydate/laydate.js"></script> <!-- 改成你的路径 -->
<script>
//执行一个laydate实例
//日期范围
laydate.render({
elem: '.test1'
,range: true
});
</script>
</body>
</html>
点击第一个的时候功能正常
后面几个控件只会在按下鼠标的时候出现 松开就消失了
回帖
  • $('.test1').each(function(){
    laydate.render({
    elem: this
    ,range: true
    });
    })
    0 回复
  • KingBor
    4天前
    你id怎么都一样啊,如果是同时绑定多个时间选择器,请参照:http://www.layui.com/demo/laydate.html,里面「同时绑定多个」这个例子。
    代码如下:
    <div class="layui-form">
    <div class="layui-form-item">
    <div class="layui-inline">
    <input type="text" class="layui-input test-item" placeholder="yyyy-MM-dd">
    </div>
    <div class="layui-inline">
    <input type="text" class="layui-input test-item" placeholder="yyyy-MM-dd">
    </div>
    <div class="layui-inline">
    <input type="text" class="layui-input test-item" placeholder="yyyy-MM-dd">
    </div>
    </div>
    </div>
    <script>
    ...
    //同时绑定多个
    lay('.test-item').each(function(){
    laydate.render({
    elem: this
    ,trigger: 'click'
    });
    });
    ...
    </script>
    0 回复
  • 势
    4天前
    @KingBor 额那个只是测试复制了一下 问题已经解决了 谢谢哈
    0 回复