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

版权声明：Jack魏 版权所有,欢迎转载 [如有雷同,请联系作者!]. https://blog.csdn.net/WeiHao0240/article/details/86974796

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' //指定元素
	  });
});