关于活动开始时间大于结束时间的验证
//==========关于活动开始时间大于结束时间的判断==============
//==========================JS====================================================
var startDates = [];
var endDates = [];
var massage = "";
var startTime = $("#startTime").val();
var endTime = $("#endTime").val();
if(startTime>=endTime){
layer.alert("方案结束时间要大于方案开始时间");
return;
}
$("input[name='startDate']").each(function(j,item){
if(item.value!=""){
if(item.value>=startTime){
startDates.push(item.value);
}else{
massage = "方案开始时间要大于总方案开始时间";
}
}
});
if(massage!=""){
layer.alert(massage);
return;
}
$("input[name='endDate']").each(function(j,item){
if(item.value!=""){
if(item.value<=endTime){
endDates.push(item.value);
}else{
massage = "方案结束时间要小于总方案结束时间";
}
}
});
if(massage!=""){
layer.alert(massage);
return;
}
for(var i=0;i<startDates.length;i++){
if(endDates[i]<startDates[i]){
massage = "方案结束时间要大于方案开始时间";
}
}
if(massage!=""){
layer.alert(massage);
return;
}
//===========================html================================================
<div class="col-sm-1 col-xs-4"><span>*</span>开始时间:</div>
<div class="col-sm-3 col-xs-8">
<input class="input-sm date-picker" id="startTime" name="startTime" type="text" <#if fightGroup.startTime??> value="${fightGroup.startTime?string('yyyy-MM-dd')}" </#if> required data-date-format="yyyy-mm-dd">
</div>
<div class="col-sm-1 col-xs-4"><span>*</span>结束时间:</div>
<div class="col-sm-3 col-xs-8">
<input class="input-sm date-picker" dateEndGeStart="#startTime" id="endTime" name="endTime" type="text" <#if fightGroup.endTime??> value="${fightGroup.endTime?string('yyyy-MM-dd')}" </#if> required data-date-format="yyyy-mm-dd" >
</div>
<div class="row" style="text-align:center">
<div class="col-sm-1 col-xs-4">方案一</div>
<div class="sjDiv">
<div class="col-sm-1 col-xs-4">开始时间:</div>
<div class="col-sm-2 col-xs-8"><input class="input-sm date-picker startDate" name="startDate" type="text" required data-date-format="yyyy-mm-dd"></div>
<div class="col-sm-1 col-xs-4">结束时间:</div>
<div class="col-sm-2 col-xs-8"><input class="input-sm date-picker endDate" name="endDate" type="text" required data-date-format="yyyy-mm-dd" ></div>
</div>
<div class="col-sm-1 col-xs-4">参团人数:</div>
<div class="col-sm-1 col-xs-8"><input class="form-control" name="num" type="text"></div>
<div class="col-sm-1 col-xs-4">价格:</div>
<div class="col-sm-1 col-xs-8"><input class="form-control" name="price" type="text"></div>
</div>