• vue-时间转换插件-moment.js的使用


    在vue项目中对时间格式有不同的使用要求,网上转换方式有很多,当下记录使用moment的大概方法义工参考。

    1:安装依赖

      npm install moment --save

    2:在main.js中引入

    // 使用时间转换插件 moment.js
    import moment from 'moment'
    new Vue({
      el: '#app',
      moment
    })
    

    3:在需要使用时间转换的页面定义

    const moment = require('moment')
    var createTime = '2019-11-08 12:08:09'
    createTime = moment(createTime).format('YYYY-MM-DD')
    console.log(createTime) // '2019-11-08'

    4:常用的时间格式

    格式代码 说明 返回值例子
    M 数字表示的月份,没有前导零 1到12
    MM 数字表示的月份,有前导零 01到12
    MMM 三个字母缩写表示的月份 Jan到Dec
    MMMM 月份,完整的文本格式 January到December
    Q 季度 1到4
    D 月份中的第几天,没有前导零 1到31
    DD 月份中的第几天,有前导零 01到31
    d 星期中的第几天,数字表示 0到6,0表示周日,6表示周六
    ddd 三个字母表示星期中的第几天 Sun到Sat
    dddd 星期几,完整的星期文本 从Sunday到Saturday
    w 年份中的第几周 如42:表示第42周
    YYYY 四位数字完整表示的年份 如:2014 或 2000
    YY 两位数字表示的年份 如:14 或 98
    A 大写的AM PM AM PM
    a 小写的am pm am pm
    HH 小时,24小时制,有前导零 00到23
    H 小时,24小时制,无前导零 0到23
    hh 小时,12小时制,有前导零 00到12
    h 小时,12小时制,无前导零 0到12
    m 没有前导零的分钟数 0到59
    mm 有前导零的分钟数 00到59
    s 没有前导零的秒数 1到59
    ss 有前导零的描述 01到59
    X Unix时间戳 1411572969

    不同的时间格式转换方式都是相似的,具体可以参考moment官网

    官网:http://momentjs.cn/docs/

  • 相关阅读:
    ROS工业机器人 ROSI Kinetic培训课程
    伺服电机电流、速度、位置环控制
    人工智能入门书单
    更新 Ubuntu 系统,避免报错「校验和不符」
    arduino+16路舵机驱动板连接测试
    Visual SLAM算法:2010年至2016年的回顾
    roslink
    java——自动装箱拆箱
    java_四大流
    Java反射
  • 原文地址:https://www.cnblogs.com/liangpi/p/11821888.html
Copyright © 2020-2023  润新知