Vue里用moment.js
2021-01-14 13:12
标签:标签 var nbsp save 安装 导入 load ima div Vue里用moment.js 标签:标签 var nbsp save 安装 导入 load ima div 原文地址:https://www.cnblogs.com/xyg34/p/13432049.html参考地址:http://momentjs.cn/
1、首先安装moment
npm install moment --save
2、在main.js里引入
import moment from ‘moment‘//导入文件
Vue.prototype.$moment = moment;//赋值使用
moment.locale(‘zh-cn‘);//需要汉化
3、 组件(.vue)文件中同样需要导入(script标签中)
import moment from ‘moment‘//导入文件
4、调用方法
格式化当前日期:
//显示结果为:"2017-09-20 15:35:52"
moment(new Date()).format(‘YYYY-MM-DD HH:mm:ss‘);
//显示结果为:"2017/09/20 15:39:58"
moment(new Date()).format(‘YYYY/MM/DD HH:mm:ss‘);
//显示结果为:"2017-9-20 15:40:45"
moment(new Date()).format(‘YYYY-M-D HH:mm:ss‘);
y表示日期,m表示月份,d表示事件,h表示小时,m表示分钟,s表示秒,不区分大小写
获取各阶段时间:
当前时间:
//显示结果为:"2017-09-20 15:35:52"
moment(new Date()).format(‘YYYY-MM-DD HH:mm:ss‘);
获取前一个月的日期:
//显示结果为:"2017-08-20 15:35:52"
moment(new Date()).subtract(1,‘months‘).format(‘YYYY-MM-DD HH:mm:ss‘);
获取下一个月的日期:
//显示结果为:"2017-08-20"
moment(new Date()).add(1,‘months‘).format(‘YYYY-MM-DD‘);
获取前10天的日期:
//显示结果为:"2017-09-10 15:35:52"
moment(new Date()).subtract(10,‘days‘).format(‘YYYY-MM-DD HH:mm:ss‘);
获取前一年的日期:
//显示结果为:"2016-09-20 15:35:52"
moment(new Date()).subtract(1,‘years‘).format(‘YYYY-MM-DD HH:mm:ss‘);
可以在有moment文件的浏览器页面上,通过控制台验证
比如我的本地moment文件是local-moment,我可以在控制台上输入:
var moment=require(‘local-moment‘);
moment(new Date()).format(‘YYYY-MM-DD HH:mm:ss‘);
回车即可显示当前时间
下一篇:公众号添加跳转网页链接