vue时间格式化/转换时间戳

最新推荐文章于 2024-04-08 18:26:16 发布

前端小葛

最新推荐文章于 2024-04-08 18:26:16 发布

阅读量1.7k

点赞数

分类专栏：个人学习文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_61570458/article/details/128239503

版权

个人学习专栏收录该内容

26 篇文章 0 订阅

订阅专栏

先上效果图

<template>
  <div>此处显示时间{{ timeTitle }}</div>
  <el-button @click="CeShi1">获取系统时间</el-button>
  <el-button @click="CeShi2">格式化系统时间</el-button>
  <el-button @click="CeShi3">获取系统时间时间戳</el-button>
</template>

<script lang="ts" setup>
// 获取系统时间并格式化
import { ref } from "vue";
const timeTitle = ref();
const CeShi1 = () => {
  timeTitle.value = new Date();
};
const CeShi2 = () => {
  if (timeTitle.value) {
    const YYYY = timeTitle.value.getFullYear();
    const MM =
      timeTitle.value.getMonth() + 1 >= 10
        ? timeTitle.value.getMonth() + 1
        : "0" + (timeTitle.value.getMonth() + 1);
    const DD = timeTitle.value.getDate();
    const hh =
      timeTitle.value.getHours() >= 10
        ? timeTitle.value.getMinutes()
        : "0" + timeTitle.value.getMinutes();
    const mm =
      timeTitle.value.getMinutes() >= 10
        ? timeTitle.value.getMinutes()
        : "0" + timeTitle.value.getMinutes();
    const ss =
      timeTitle.value.getSeconds() >= 10
        ? timeTitle.value.getSeconds()
        : "0" + timeTitle.value.getSeconds();
    timeTitle.value =
      YYYY + "年" + MM + "月" + DD + "日" + hh + "时" + mm + "分" + ss + "秒";
  }
};
const CeShi3 = () => {
  timeTitle.value = Date.parse(timeTitle.value);
};
</script>