layui 动态添加多个日期选择控件

作为 layui 2.0 的核心组成之一，layDate 也是今非昔比了。
看到这么简洁的界面和完善的文档我反手就是一个赞！
页面中有一两个日期选择器的时候，处理还比较方便。
详细请见官方文档：https://www.layui.com/doc/modules/laydate.html
可是当我们在同一个表单中初始化多个日期时，就会比较麻烦了，在这个过程中遇到一些问题。
诸如下图此类情况：
初始状态下只有这一行数据

当我们点击新增按钮时会添加一行

我最初的思路是动态拼接id值，比如在id的后面的加一个变量，变量值随着每次的新增而增加，但是在当前这种场景下使用这种方式还是有点繁琐。
下面呢就通过一个简单的例子详细介绍下另外一种实现过程:

html

	

		

			
开始时间
			
结束时间
		
	
	

	

	

		

		

	
	
	

js

大体的意思基本就是这些了，总之一句话，重点关注timeAdd()方法的调用。