vue中使用moment.js
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用moment.js相关的知识,希望对你有一定的参考价值。
参考技术A 1.先安装 npm install moment2.在使用的组件里面引入 var moment = require('moment');
moment().format();
//官网 http://momentjs.cn/docs/#/parsing/
3.将时间戳转为标准日期
let day2 = moment(1632983439000).format("YYYY-MM-DD");
console.log(day2);
或者转为带T的格式等等
4.再将标准日期转为时间戳
let day3 = moment(day2).valueOf();
console.log(day3);
5.默认情况下,moment 会解析并以本地时间显示。
如果要解析或以 UTC 显示 moment,则可以使用 moment.utc() 而不是 moment()。
moment().format(); // 2013-02-04T10:35:24-08:00
moment.utc().format(); // 2013-02-04T18:35:24+00:00
重要的是要注意,尽管上面的显示有所不同,但它们在同一时间都是相同的 moment。
vara = moment();varb = moment.utc();a.format();// 2013-02-04T10:35:24-08:00b.format();// 2013-02-04T18:35:24+00:00a.valueOf();// 1360002924000b.valueOf();// 1360002924000
使用 moment.utc() 创建的任何 moment 都将会处于 UTC 模式中,而使用 moment() 创建的任何 moment 则不会。
Vue里用moment.js
参考地址: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‘); 回车即可显示当前时间
以上是关于vue中使用moment.js的主要内容,如果未能解决你的问题,请参考以下文章