vue里面如何把时间格式化

GeekLiHua

发布于 2025-01-21 17:27:23

5800

代码可运行

文章被收录于专栏：JavaJava

运行总次数：0

代码可运行

vue里面如何把时间格式化

简介：本文讲解vue里面如何把时间格式化显示出来

代码演示

<template>
    <div>
      <!-- 时间戳 -->
      <span>{{ timestamp }}</span>
      <br>
      <!-- 格式化后的时间 -->
      <span>{{ formattedTime }}</span>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        timestamp: "2021-06-15T00:00:00.000+00:00",
      };
    },
    computed: {
      formattedTime() {
        const date = new Date(this.timestamp);
        const year = date.getFullYear();
        const month = ("0" + (date.getMonth() + 1)).slice(-2);
        const day = ("0" + date.getDate()).slice(-2);
        const hour = ("0" + date.getHours()).slice(-2);
        const minute = ("0" + date.getMinutes()).slice(-2);
        const second = ("0" + date.getSeconds()).slice(-2);
        return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
      },
    }
  };
  </script>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-02-01，如有侵权请联系 cloudcommunity@tencent.com 删除

timestamp