layUI 表单开始时间小于结束时间控制

layUI 表单开始时间小于结束时间控制

---

layUI对于两个独立的时间输入框是没有谁小鱼谁的控制方法的，需要手写，具体代码如下所示：

<form  action="xxx.action" method="post" class="form-inline" >
开始时间：<input type="text" name="startTime" id="startT"/>
结束时间：<input type="text" name="endTime" id="endT" />
</form>
<script>
layui.use('laydate', function(){
  var laydate = layui.laydate;
  $ = layui.$;
  laydate.render({
    elem: '#startT', //对应表单开始输入框的id
    type: 'datetime' ,// 年月日时分秒类型的 ，还有其他类型的（time：时分秒，date：年月日等），不写type属性默认年月日类型
    done: function () {
		var startDate = new Date($('#startT').val());
		var endDate = new Date($('#endT').val());
		if(startDate!=null){
  			if(endDate!=null){
  				if (endDate < startDate) {
  					layer.closeAll();
  		  			layer.msg('结束时间不能小于开始时间');
  		  		}
  			}
  		}
	}
  });
  laydate.render({
      elem: '#endT', //对应表单结束输入框的id
      type: 'datetime',
      done: function () {
  		var startDate = new Date($('#startT').val());
  		var endDate = new Date($('#endT').val());
  		if(startDate!=null){
  			if(endDate!=null){
  				if (endDate < startDate) {
  					layer.closeAll();
  		  			layer.msg('结束时间不能小于开始时间');
  		  		}
  			}
  		}
	} 
  });
});
</script>

pass：开始时间和结束时间的地要进行判断，因为不确定先选择填写开始时间还是结束时间；

---

《END》