Me pregunto si hay una forma de encubrir esta función usando DayJS:
const formatHours = (dateStr: string) => { const date = new Date(dateStr); return `${date.getUTCHours()}:${date.getMinutes()}:${date.getSeconds()}`; }Según la documentación de DayJS, puede usar dayjs().format()
Instalación
Puedes seguir esto cómo usar/instalar DayJs en proyectos
A continuación se admite el formato
Formato Salida Descripción AA 18 Año de dos dígitos AAAA 2018 Año de cuatro dígitos M 1-12 El mes, comenzando en 1 MM 01-12 El mes, 2 dígitos MMM Ene-Dic El nombre del mes abreviado MMMM Enero-Diciembre El nombre completo del mes D 1-31 El día del mes DD 01-31 El día del mes, 2 dígitos d 0-6 El día de la semana, con el domingo como 0 dd Su-Sa El nombre mínimo del día de la semana ddd Sun-Sat El nombre abreviado del día de la semana dddd Domingo-Sábado El nombre del día de la semana H 0-23 La hora HH 00-23 La hora, 2 dígitos h 1-12 La hora, reloj de 12 horas hh 01-12 La hora, reloj de 12 horas, 2 dígitos m 0-59 El minuto mm 00-59 El minuto, 2 dígitos s 0-59 El segundo ss 00-59 El segundo, 2 dígitos SSS 000-999 El milisegundo, 3 dígitos Z +05:00 El desplazamiento desde UTC, ±HH:mm ZZ +0500 El desplazamiento desde UTC, ±HHmm A AM PM a. m. p. m.
const date = new Date() console.log(dayjs().format('HH:mm:ss'), '//24 hours time') console.log(dayjs().format('h:m:s a'), '//12 hours time with AM/PM and signle digit') console.log(dayjs().format('hh:mm:ss A'), '//12 hours time with AM/PM and double') <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>Prueba esto :
var dayjsShow = document.querySelector(".dayjs-show") dayjsShow.innerHTML = dayjs().format('HH:mm:ss'); <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.7.8/dayjs.min.js"></script> <div id="container"> <div class="item"> <span class="dayjs-show"></span> </div> </div>export const formatHours = (dateStr: string) => { const date = new Date(dateStr); return dayjs(date).format('H:m:s'); };