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》