Vue里用moment.js

【摘要】 Vue里用moment.js考必过小编为大家整理了关于Vue里用moment.js的信息，希望可以帮助到大家！

Vue里用moment.js

二建零基础备考指导课

¥0

去购买​

标签：标签   var   nbsp   save   安装   导入   load   ima   p   

参考地址：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

标签：标签   var   nbsp   save   安装   导入   load   ima   p   

以上就是Vue里用moment.js的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！