Tengo un selector de tiempo de formulario html (Hora de inicio - Hora de finalización). Quiero que cuando el usuario, por ejemplo, seleccione la fecha de inicio a las 11:00, la fecha de finalización debe convertirse en +1 hora a las 12:00 en nuestro ejemplo y las horas anteriores deben estar deshabilitadas.

Hice algo, pero solo desactiva las horas anteriores y en la fecha de finalización obtengo la misma hora que seleccioné en la fecha de inicio. Aquí está el código:

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