因为之前页面有用到时间插件,所以在这里是直接复制粘贴过来,class加了times,对times这个类进行循环渲染

<div class="layui-form-item">

    <label class="layui-form-label">领取设置</label>

    <div class="layui-input-2">

        <input type="text" name="num_{$k}" placeholder="输入领取数量" class="layui-input">

    </div>

    <div class="layui-input-2">

        <input type="text" name="times_{$k}" id="times_{$k}" class="times layui-input" placeholder="请选择使用时间" lay-key="7">

    </div>

    <div class="layui-form-mid layui-word-aux">

        必填

    </div>

</div>

保存之后,点击文本框,时间插件一闪而过,检查了html和js,没有缺参数.然后去官网比对,官网没有循环的案例.没办法百度,翻了好几页,说的都没能解决问题,最后在一个博客看到lay-key这个参数,果然删除就正常了.下面是html和js,复制可用

<div class="layui-form-item">

    <label class="layui-form-label">领取设置</label>

    <div class="layui-input-2">

        <input type="text" name="num_{$k}" placeholder="输入领取数量" class="layui-input">

    </div>

    <div class="layui-input-2">

        <input type="text" name="times_{$k}" id="times_{$k}" class="times layui-input" placeholder="请选择使用时间">

    </div>

    <div class="layui-form-mid layui-word-aux">

        必填

    </div>

</div>

//当前时间

var nowTime = new Date().valueOf();

//日期范围

layui.use('laydate', function() {

    var laydate = layui.laydate;

    lay('.times').each(function(){

        var times = ('#'+$(this).attr('name'));

        // console.log(times);

        laydate.render({

            elem: times

            ,min: nowTime

            ,range: true

        });

    });

})

ps:新开窗口过小也会导致插件异常