Блог

У меня есть выбор времени в html-форме (Время начала — Время окончания). Я хочу, чтобы, когда пользователь, например, выбирает дату начала 11:00, дата окончания должна стать 1 час 12:00 в нашем примере, а предыдущие часы должны быть отключены.

Я кое-что сделал, но это делает отключенными только предыдущие часы, и в дате окончания я получаю тот же час, который я выбираю в дате начала. Вот код:

 <script>
$("select[name='from_time']").on("change", function(){
$("select[name='to_time']").empty();
var startix = $("select[name='from_time'] option:selected").index();
$("select[name='from_time'] option").each(function(ix, el){
if (ix >= startix) {
$(this).clone().appendTo("select[name='to_time']");
}
});
});
</script>