當頁面有兩個datetimepicker的時間框,分別表示開始時間和終止時間,則當提交表單時,開始時間必須 小於終止時間,實現方法如下:
前台頁面:
<label class="col-sm-3 control-label" for="ds_name">安全協議開始日期</label>
<div class="col-sm-3">
<input class="form-control form_datetime" name="agreementValidStartTime" id="agreementValidStartTime" readonly="readonly" type="text"/>
<font id="agreementValidStartTimeNotNull"></font>
</div>
<label class="col-sm-3 control-label" for="ds_name">安全協議終止日期</label>
<div class="col-sm-3">
<input class="form-control form_datetime" name="agreementValidEndTime" id="agreementValidEndTime" readonly="readonly" type="text"/>
<font id="agreementValidEndTimeNotNull"></font>
</div>
用於判斷的js:
var str=$("#agreementValidStartTime").val();
var val = Date.parse(str);
var startTime=new Date(val);
str=$("#agreementValidEndTime").val();
val = Date.parse(str);
var endTime=new Date(val);
if(startTime >= endTime){
layer.msg("協議的開始日期必須小於終止日期");
return false;
}