vue使用moment插件格式化时间

最新推荐文章于 2023-12-25 10:29:25 发布

原创最新推荐文章于 2023-12-25 10:29:25 发布 · 727 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在Vue项目中引入并使用Moment.js库来处理日期和时间，包括安装配置、全局注册及具体用例，如获取当前时间、加减时间等。

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

1.npm导入

npm install moment --save

2.main.js 中全局注册

import moment from 'moment'; //时间
moment.locale('zh-cn'); //设置语言 或 moment.lang('zh-cn'); 
Vue.prototype.moment = moment;//赋值使用

3.页面中使用

this.moment().format('YYYY-MM-DD:HH:MM:SS')//获取当前的时间
this.moment().format('L') // 10/22/2016 
this.moment().format('LL') // October 22, 2016
this.moment().startOf('month').toDate();//获取这个月初时间
this.moment().startOf('day').toDate();//获取今天开始的时间
this.moment().endOf('day').toDate();//获取今天结束的时间
this.moment().add(2,'hour').toDate();//获取＋n小时
this.moment().add(+5,'day').toDate();//获取＋n天
this.moment().add(2,'month').toDate();//获取＋n月
this.moment().format('dddd');//获取星期