Me enfrento a un problema simple, pero mi cerebro no puede encontrar una solución, que involucra ingresar/ahorrar entradas de tiempo en js. Permítanme explicar:

Ingresé un formulario para ingresar el horario comercial:

 .... from <input required type="time" id="Monday" value={monday.openhours} placeholder="from"/> To <input required type="time" id="Monday" value={monday.closehours} placeholder="to"/> .....

Quería tener el mínimo y el máximo ingresados para el usuario entre las 10 a. m. y las 10 p. m., así que creé una matriz que tiene lo siguiente:

 let defaultopenhours = "10" let defaultclosehours = "22" let monday = {"weekdayname":"Monday","weekdaynumber":1,"openhours":defaultopenhours,"closehours":defaultsclosehours} let tuesday = ...same as monday so on for the rest of weekdays {wednesdy to sunday} let schedule = []

Luego empujaría los días a la matriz de programación y los almacenaría en mi base de datos. Concéntrese en una parte conmigo aquí, que es la var defaultopenhours y la var defaultclosehours.

Cuando asigno 10:00 como valor y abro mi html para ingresar la hora, se supone que los campos de entrada deben completarse con 10:00 a. m. a 10:00 p. m. (22:00 p. m.), pero obtengo esto en mi consola:

 The specified value "22" does not conform to the required format. The format is "HH:mm", "HH:mm:ss" or "HH:mm:ss.SSS" where HH is 00-23, mm is 00-59, ss is 00-59, and SSS is 000-999.

Nunca he necesitado trabajar con tiempo antes en js. Conozco momentjs y otros, pero quiero aprender a hacerlo en js puro. Así que estoy seguro de que hay formas de resolver este problema, pero después de prepararme durante 2 horas e intentar ingresar los valores de tiempo en Number(), parseInt(), parseFloat() y todo tipo de funciones, sigo recibiendo ese error.

¿Necesito usar diferentes partes?

 let h = 10 let m = 00 defualt = Number(h+":"+m) or something?

A todos los ciudadanos respetuosos de la ley que dirán que esta pregunta existe en un rincón diferente de Internet, los escucho, simplemente no pude encontrarla. Entonces, deje que otros respondan la pregunta si no tiene tiempo para mí. Si es así, estoy agradecido por la educación que compartes conmigo.

Claramente, la entrada acepta un formato específico, entonces, ¿cómo almacenar mis valores para que ese formato sea aceptado por el tipo de entrada de tiempo?

Entonces, mi pregunta para todos los js ninjas, ¿cómo asignar el valor 10:00 o 10:00 (que es 22:00) a las variables defaultopenhours y defaultclosehours?