Я пытаюсь выбрать опцию выбора и проверить, меньше ли время, и теперь отключить все время до + 3 часа вперед.
Мои выбранные часы выглядят так:
<ul class="select2-results__options" role="listbox" tabindex="-1" id="select2-pickup_time-results" aria-expanded="true" aria-hidden="false" aria-activedescendant="select2-pickup_time-result-qqto-11:00">
<li class="select2-results__option" id="select2-pickup_time-result-0wkw-09:00" role="option" data-selected="false" tabindex="-1">09:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-chj1-09:30" role="option" data-selected="false" tabindex="-1">09:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-9d2i-10:00" role="option" data-selected="false" tabindex="-1">10:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-is09-10:30" role="option" data-selected="false" tabindex="-1">10:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-qqto-11:00" role="option" data-selected="false" tabindex="-1">11:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-i3r3-11:30" role="option" data-selected="false" tabindex="-1">11:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-vvo8-12:00" role="option" data-selected="false" tabindex="-1">12:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-f7y8-12:30" role="option" data-selected="false" tabindex="-1">12:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-qmpy-13:00" role="option" data-selected="false" tabindex="-1">13:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-2jdk-13:30" role="option" data-selected="false" tabindex="-1">13:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-6y0a-14:00" role="option" data-selected="false" tabindex="-1">14:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-lc9h-14:30" role="option" data-selected="false" tabindex="-1">14:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-oi12-15:00" role="option" data-selected="false" tabindex="-1">15:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-i6mx-15:30" role="option" data-selected="false" tabindex="-1">15:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-s352-16:00" role="option" data-selected="false" tabindex="-1">16:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-xnw1-16:30" role="option" data-selected="false" tabindex="-1">16:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-255l-17:00" role="option" data-selected="false" tabindex="-1">17:00</li>
<li class="select2-results__option" id="select2-pickup_time-result-8kmz-17:30" role="option" data-selected="false" tabindex="-1">17:30</li>
<li class="select2-results__option" id="select2-pickup_time-result-627p-18:00" role="option" data-selected="false" tabindex="-1">18:00</li> .
</ul>
и мой код js выглядит следующим образом
var now = new Date(Date.now());
now.setHours(now.getHours() + 3);
var formatted = now.getHours() + ":" + now.getMinutes();
jQuery('.select2-results__option').change(function(){
if(jQuery('.select2-results__option') < jQuery(formatted)){
jQuery('.select2-results__option').attr('disabled','disabled');
}
});
Любая помощь приветствуется.