Vue3 obtiene la fecha, hora y semana actuales (formato: año, mes, día, hora, minuto, segundo, semana)

<template>
    <div class="tri_box">
        <p>创建时间:{ { date }}</p>
    </div>
</template>
   
<script setup lang="ts">
import { ref, onMounted } from 'vue'

const date = ref('')
  //Función para dar formato a la hora. Acepta un parámetro tiempo de tipo numérico, que representa el tiempo que se necesita formatear.
  //Si el tiempo es menor que 10, devuelve una representación de cadena con ceros a la izquierda;
  //De lo contrario, convierte el tiempo en cadena y regresa.
function formatTime(time: number) {     return time < 10 ? `0${time}` : time } function updateTime() {     const now = new Date()     const year = now.getFullYear() //year     const month = now .getMonth() + 1 //mes     const día = ahora.getDate() //día     const horas = ahora.getHours() //horas     const minutos = ahora.getMinutes() //minutos     const segundos = ahora.getSeconds() //segundos     const semana = ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"][ahora.












  date.value = `${año}-${formatTime(mes)}-${formatTime(día)} ${formatTime(horas)}:${formatTime(minutos)}:${formatTime(segundos)} ${ semana}`
}
  onMounted(() => {     updateTime() }) </script>


Supongo que te gusta

Origin blog.csdn.net/weixin_44096999/article/details/131207411
Recomendado
Clasificación