layui多个日期控件除第一个外其他一闪而过?

layui多个日期控件除第一个外其他一闪而过?

• ​​1.问题描述​​
• ​​2.解决方案​​
• ​​3.如果上述还是没有起到作用​​

• ​​每个个控件下都加上 trigger : 'click'​​

1.问题描述

当你有多个日期输入框时,如果你想使用class直接选中是不可取的!

layui.use('laydate', function(){
    var laydate = layui.laydate;
    //执行一个laydate实例
    laydate.render({
      elem: '.input_0' //指定元素
    });
});

<td class="td_width">
<span>创建起始日期：</span>
<input type="text" id="proCreateTimeMin" name="proCreateTimeMin" class="input_0"/>
</td>

<td class="td_width">
<span>创建结束日期：</span>
<input type="text" id="proCreateTimeMax" name="proCreateTimeMax" class="input_0" />
</td>

<td class="td_width">
<span>截止起始日期：</span>
<input type="text" id="proFinishTimeMin" name="proFinishTimeMin" class="input_0" />
</td>

<td class="td_width">
<span>截止结束日期：</span>
<input type="text" id="proFinishTimeMax" name="proFinishTimeMax" class="input_0" />
</td>

2.解决方案

给每个输入框都添加render实例,使用id进行选择

layui.use('laydate', function(){
    var laydate = layui.laydate;
    //执行一个laydate实例
    laydate.render({
      elem: '#proCreateTimeMin' //指定元素
    });
    
    laydate.render({
        elem: '#proCreateTimeMax' //指定元素
    });
    
    laydate.render({
        elem: '#proFinishTimeMin' //指定元素
    });
    
    laydate.render({
        elem: '#proFinishTimeMax' //指定元素
    });
});

3.如果上述还是没有起到作用

每个个控件下都加上 trigger : ‘click’

layui.use('laydate', function(){
  var laydate = layui.laydate;
  //执行一个laydate实例
  
  laydate.render({
      elem: '#proCreateTime'//指定元素
      ,trigger : 'click'
  });
  
  laydate.render({
    elem: '#proCutTime' //指定元素
    ,trigger : 'click'
  });
});