时间格式化插件Moment.js在Vue3项目中使用

首先在终端中输入命令 （选择自己使用的包管理工具安装命令）

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor
bower install moment --save # bower (deprecated)

 下面是一个基本的使用示例

<template>
  <div>格式化之前：{{ currentDate }}</div>
  <div>格式化之后：{{ formatTime(currentDate) }}</div> //将要格式化的日期传入函数即可
</template>
<script setup>
// 引入 moment 库
import moment from "moment";
// 设置 moment 库的语言环境为中文（中国），这样在使用 moment 进行日期格式化或输出时，会使用中文的表述，例如星期几等信息会以中文显示
moment.locale("zh-cn");
let currentDate = ("2024-02-29T04:34:56.000Z");
const formatTime = (currentDate) => {
  // 使用 moment 函数将传入的 date 参数转换为 moment 对象，moment 对象可以方便地进行各种日期操作
  // 然后调用 format 方法，按照指定的格式 "YYYY/MM/DD  HH:mm" 对日期进行格式化
  return moment(currentDate).format("YYYY/MM/DD  HH:mm:ss dddd");
};
</script>

效果

插件官网：

Moment.js 中文网