码迷,mamicode.com
首页 > Web开发 > 详细

Vue里用moment.js

时间:2020-08-04 11:26:16      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:标签   var   nbsp   save   安装   导入   load   ima   div   

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

原文地址:https://www.cnblogs.com/xyg34/p/13432049.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!