关于活动开始时间大于结束时间的验证

//==========关于活动开始时间大于结束时间的判断==============

//==========================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>

猜你喜欢

转载自blog.csdn.net/qq_38410795/article/details/86509572