如何檢查自舉日期中的時間重疊

Question

我想檢查移位開始時間和移位時間值是否重疊。如果用戶輸入重疊值，它應該提供錯誤。請指教

<div class="form-group"> 
    <label for="">Shift Start:</label> 

    <div class='input-group date' id='datetimepicker3'> 
     <input type='text' name="shift_start" class="form-control" 
      id='datetimepicker3' value="{{old('shift_start')}}" /> <span 
      class="input-group-addon"> <span 
      class="glyphicon glyphicon-time"></span> 
     </span> 

    </div> 


    <div class="form-group"> 
     <label for="">Shift End:</label> 

     <div class='input-group date' id='datetimepicker5'> 
      <input type='text' name="shift_end" class="form-control" 
       value="{{old('shift_end')}}" /> <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-time"></span> 
      </span> 

     </div> 
    </div> 

這是我的腳本

$(function() { 
     $('#datetimepicker3').datetimepicker({ 
      format: 'HH:mm' 
     }); 
     $('#datetimepicker5').datetimepicker({ 
      format: 'HH:mm' 
     }); 


    }); 

Answer 1

創建一個JavaScript函數：

function checkTime() 
{ 
var start = $('#datetimepicker3').val(); 
var end = $('#datetimepicker5').val(); 

var tabStart = start.split(':'); 
var tabEnd = end.split(':'); 

var dateStart = new Date(); 
dateStart.setHours(parseInt(tabStart[0])); 
dateStart.setMinutes(parseInt(tabStart[1])); 

var dateEnd = new Date(); 
dateEnd.setHours(parseInt(tabEnd[0])); 
dateEnd.setMinutes(parseInt(tabEnd[1])); 

if(dateStart < dateEnd) 
{ 
    alert('ok'); 
} 
else 
{ 
    alert('ko'); 
} 

}

然後在你的DateTimePicker：

$(function() { 
    $('#datetimepicker3').datetimepicker({ 
     format: 'HH:mm', 
     onSelect: function(){ 
      checkTime(); 
     } 
    }); 
    $('#datetimepicker5').datetimepicker({ 
     format: 'HH:mm', 
     onSelect: function(){ 
      checkTime(); 
     } 
    }); 


});