Estoy tratando de proporcionar un valor predeterminado para un objeto TimePicker. Pero el valor que tengo es una cadena, por ejemplo "12:00 PM" Y el selector necesita un objeto Fecha.
Intenté analizar la hora directamente en un objeto Fecha como se muestra a continuación, pero no funciona
let startTime = new Date("12:00 PM");¿Cómo puedo convertir esta cadena de tiempo en un objeto de fecha para poder proporcionar el valor predeterminado al TimePicker?
HTML:
<input id="appt-time" type="time" name="appt-time" value="13:30">JS
const timeFrom12hto24h = time12h => { const [time, meridiem] = time12h.split(" "); let [hours, minutes] = time.split(":"); if (hours === "12") hours = "00"; if (meridiem === "PM") hours = parseInt(hours, 10) + 12; return {hours, minutes} }; const getMyObjectTime= timeFrom12hto24h('12:00 PM'); // apply the time to the HTML element document.getElementById("appt-time").value = getMyObjectTime.hours + ':' + getMyObjectTime.minutes; // one way to generate the needed time object const dateInMiliseconds = new Date().setHours(getMyObjectTime.hours, getMyObjectTime.minutes, 0) console.log(dateInMiliseconds);En caso de que ya se haya utilizado moment.js en el proyecto, sería así:
HTML:
<input id="appt-time" type="time" name="appt-time" value="13:30">JS:
// apply the time to the HTML element document.getElementById("appt-time").value = moment("01:00 PM", 'hh:mm A').format('HH:mm') // one way to generate the needed time object let [hour, minutes] = moment("01:00 PM", 'hh:mm A').format('HH,mm').split(','); const dateInMiliseconds = new Date().setHours(hour,minutes, 0) console.log(dateInMiliseconds);He podido crear una función que pueda hacer la conversión, ya que no encontré ninguna solución a esto.
const dateFromTime = ({ timeString }) => { const dateTime = new Date(); let timeHours = parseInt(timeString.substring(0, 2)); let timeMinutes = parseInt(timeString.substring(3, 5)); let timeAMPM = timeString.substring(6, if (timeAMPM === "PM") { timeHours += 12; dateTime.setHours( timeHours, timeMinutes, 0, 0); return dateTime; } const dateTime = dateFromTime({ timeString: "12:00 PM" });Esto obtiene la fecha y la hora actuales y, en su lugar, establece la hora en la hora especificada. y devuelve eso
Para cualquier mejora, sugiera la forma correcta de hacerlo.
Solo necesita dar el formato correcto al objeto Fecha.
Si no le importa la fecha, simplemente puede convertir así.
let startTime = new Date(`2022/01/01 12:00 PM`);Si necesita la fecha de hoy, simplemente puede convertir así.
let startTime = new Date(`${new Date().toDateString()} 12:00 PM`)