在vue中使用momentjs

最新推荐文章于 2024-12-06 09:22:57 发布

前端小天才

最新推荐文章于 2024-12-06 09:22:57 发布

阅读量429

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/2301_76796512/article/details/131936348

本文介绍了如何在Vue应用中集成MomentJS库，通过npm或yarn等包管理器安装后，导入并设置中文语言环境，然后展示如何获取和格式化当前的日期、时间和星期几。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在vue中使用momentjs

官网地址: https://momentjs.bootcss.com/

获取当前的年月日时分秒星期几

安装

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)

引入
```
import moment from 'moment'; 
```

使用

<div class="timeBox">
    {{ currentDateTime }}
    {{ currentWeekday}}
</div>

export default {
  data() {
    return {
      currentDateTime: "",
      currentWeekday: "",
    };
  },
  created() {
    const now = moment();
    moment.locale("zh-cn"); // 将语言设置为中文
    // 获取当前的年月日时分秒
    this.currentDateTime = now.format("YYYY-MM-DD HH:mm:ss");
    this.currentWeekday = moment().format("dddd");
  },
};