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

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'
	});
});