zoukankan      html  css  js  c++  java
  • 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');

    计算时间差:
    
    let t1= moment('2019-03-27 14:36:36');
    let t2 = moment('2019-04-02 14:33:33');
    // 计算时间差并转换成标准时间单位
    let dura = t2.format('x') - t1.format('x');
    let tempTime = this.moment.duration(dura);
    tempTime.days()//是(实际天数%30),例如相差36天,计算成6。以下类推
    tempTime.hours()
    tempTime.minutes()
     //计算时间差并转换成指定的时间单位
    let days=t2.diff(t1, 'day');//实际相差多少天,就计算成多少天,以下类推
    let minutes=t2.diff(t1, 'minute');
    
    
    
    
    
    可以在有moment文件的浏览器页面上,通过控制台验证
    比如我的本地moment文件是local-moment,我可以在控制台上输入:
    var moment=require('local-moment');
    moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
    回车即可显示当前时间

  • 相关阅读:
    Tensor总结
    Tensorflow池化
    conda操作
    KS值计算
    supervisor实践
    npm/yarn实践
    nni 环境搭建
    阿里云个人邮箱配置
    Jinja2宏使用
    利用VS code 远程调试 docker 中的 dotnet 应用
  • 原文地址:https://www.cnblogs.com/xyg34/p/13432049.html
Copyright © 2011-2022 走看看