180916-ReactJs之日期转换

文章目录
  1. 1. 使用姿势
  2. 2. 常用说明
    1. a. 日期格式化
    2. b. 相对时间
    3. c. 日历时间
    4. d. 多语言
  • II. 其他
    1. 0. 相关
    2. 1. 一灰灰Blog: https://liuyueyi.github.io/hexblog
    3. 2. 声明
    4. 3. 扫描关注
  • 常见的日期与时间戳之间的相互转换,记录下借助插件momoent来实现

    1. 使用姿势

    使用前,有那么几步需要走

    安装依赖

    1
    sudo npm install --save moment

    引入依赖

    1
    import moment from 'moment';

    开始使用

    1
    2
    // 将时间戳(ms),转换为指定格式的日期
    moment(Time).format("YYYY-MM-DD HH:mm:ss")

    2. 常用说明

    a. 日期格式化

    1
    2
    3
    4
    5
    moment().format('MMMM Do YYYY, h:mm:ss a'); // 九月 16日 2018, 8:54:12 晚上
    moment().format('dddd'); // 星期日
    moment().format("MMM Do YY"); // 9月 16日 18
    moment().format('YYYY [escaped] YYYY'); // 2018 escaped 2018
    moment().format(); // 2018-09-16T20:54:12+08:00

    b. 相对时间

    1
    2
    3
    4
    5
    moment("20111031", "YYYYMMDD").fromNow(); // 7 年前
    moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
    moment().startOf('day').fromNow(); // 21 小时前
    moment().endOf('day').fromNow(); // 3 小时内
    moment().startOf('hour').fromNow(); // 1 小时前

    c. 日历时间

    1
    2
    3
    4
    5
    6
    7
    8
    moment().subtract(10, 'days').calendar(); // 2018年9月6日
    moment().subtract(6, 'days').calendar(); // 本周一晚上8点55
    moment().subtract(3, 'days').calendar(); // 本周四晚上8点55
    moment().subtract(1, 'days').calendar(); // 昨天晚上8点55分
    moment().calendar(); // 今天晚上8点55分
    moment().add(1, 'days').calendar(); // 明天晚上8点55分
    moment().add(3, 'days').calendar(); // 下周三晚上8点55
    moment().add(10, 'days').calendar(); // 2018年9月26日

    d. 多语言

    1
    2
    3
    4
    5
    6
    7
    8
    moment().format('L');    // 2018-09-16
    moment().format('l'); // 2018-09-16
    moment().format('LL'); // 2018年9月16日
    moment().format('ll'); // 2018年9月16日
    moment().format('LLL'); // 2018年9月16日晚上8点55分
    moment().format('lll'); // 2018年9月16日晚上8点55分
    moment().format('LLLL'); // 2018年9月16日星期日晚上8点55分
    moment().format('llll'); // 2018年9月16日星期日晚上8点55分

    II. 其他

    0. 相关

    1. 一灰灰Bloghttps://liuyueyi.github.io/hexblog

    一灰灰的个人博客,记录所有学习和工作中的博文,欢迎大家前去逛逛

    2. 声明

    尽信书则不如,已上内容,纯属一家之言,因个人能力有限,难免有疏漏和错误之处,如发现bug或者有更好的建议,欢迎批评指正,不吝感激

    3. 扫描关注

    一灰灰blog

    QrCode

    知识星球

    goals

    评论

    Your browser is out-of-date!

    Update your browser to view this website correctly. Update my browser now

    ×