как проверить перекрытие времени в дате начальной загрузки

Я хочу проверить время начала смены и значения времени смены перекрываются или нет. если пользователь вводит перекрывающиеся значения, он должен выдавать ошибку. пожалуйста посоветуй

<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'
});


});

0

Решение

Создайте функцию 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();
}
});


});
0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector