vue时间处理工具momentjs

更新日期: 2020-01-03 阅读: 3.8k 标签: 工具

为什么要用?

自己写的时间处理工具类有兼容性, 网上找都处理很多可靠的很少,几个项目被坑惨了


以前用的

 formatDate(timestamp, fmt = 'yyyy-MM-dd hh:mm:ss') {
    if (!timestamp) return null;
    let date = null;
    if (timestamp instanceof Date) {
      date = timestamp;
    } else {
      // 兼容
      date = new Date(timestamp.replace(new RegExp(/-/gm), '/'));
    }
    const o = {
      'y+': date.getFullYear(),
      'M+': date.getMonth() + 1,
      'd+': date.getDate(),
      'h+': date.getHours(),
      'm+': date.getMinutes(),
      's+': date.getSeconds(),
      'w+': date.getDay(),
    };
    Object.entries(o).forEach(([rxp, value]) => {
      fmt = fmt.replace(new RegExp(rxp), ($1) => {
        const str = `0000${value}`;
        if ($1 === 'M' || $1 === 'd') {
          if (value > 9) {
            return value;
          }
        } else if ($1 === 'ww') {
          const week = '一二三四五六日'.substr(value - 1, 1);
          return `周${week}`;
        }
        return str.substr(str.length - $1.length);
      });
    });
    return fmt;
  },

有时候还要经常处理获取月份啊周啊什么的bug 实在多,自己写实在麻烦还考虑不全,还有兼容性,崩溃...下面用moment来处理时间常用方式


format

moment().format();                                // "2014-09-08T08:02:17-05:00" (ISO 8601,无小数秒钟)
moment().format("dddd, MMMM Do YYYY, h:mm:ss a"); // "Sunday, February 14th 2010, 3:25:50 pm"
moment().format("ddd, hA");                       // "Sun, 3PM"
moment('gibberish').format('YYYY-MM-DD');         // "Invalid date"

格式

说明令牌输出|
月份M1 2 ... 11 12
Mo1st 2nd ... 11th 12th
MM 01 02 ... 11 12
MMM Jan Feb ... Nov Dec
MMMM January February ... November December
季度Q1 2 3 4
Qo1st 2nd 3rd 4th
月份的日期D1 2 ... 30 31
Do1st 2nd ... 30th 31st
DD01 02 ... 30 31
年份的日期DDD1 2 ... 364 365
DDDo1st 2nd ... 364th 365th
DDDD001 002 ... 364 365
星期几d0 1 ... 5 6
do0th 1st ... 5th 6th
ddSu Mo ... Fr Sa
dddSun Mon ... Fri Sat
ddddSunday Monday ... Friday Saturday
星期几(语言环境)e0 1 ... 5 6
星期几(ISO)E1 2 ... 6 7
年份的星期w1 2 ... 52 53
wo
ww01 02 ... 52 53
年份的星期(ISO)W1 2 ... 52 53
Wo1st 2nd ... 52nd 53rd
WW01 02 ... 52 53
Unix时间戳 X 1360013296
Unix毫秒时间戳 x 1360013296123

还有挺多具体请参考中文文档


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/8498

相关推荐

推荐6款好用、免费的远程控制软件【远程管理工具】

远程办公就需要远程连接的工具,当然,你说你用VPN那也是没有毛病的。远程桌面工具也极大的方便了我们进行远程技术支持、远程办公的便利性,但是呢,很多时候,有些工具不支持电脑或者手机操作

7款最好的笔记工具

编程容易产生挫折,即使作为一种业余爱好也可能是这样。建立一个网页,手机APP或桌面应用都是个很大的工程,好的记笔记技能是让这个工程井然有序的关键,也是克服压力、绝望和倦怠的好方法。

常用的前端开发者的工具、库和资源

这篇文章简单的分享一套我认为有助于提升开发者工作流的工具集。这套工具集中的大部分你可能见过,也可能没见过,如果有哪个/些让你眼前一亮,那么我的分享就很值了。这个列表包含许多种类的资源,所以这里我将它们分组整理。

在线工具 - 程序员实用工具集

在线实用工具集-免费提供站长常用工具,包含代码格式化工具、代码转换工具、压缩、加密解密工具等,工具在手,事半功倍,工作无忧。

web前端程序员代码编辑器推荐

今天给大家分享前端程序员最爱用的代码编辑器,来看看你用哪款?包括:Visual Studio Code、Atom、HBuilder、Sublime Text、Dreamweaver、Brackets、Notepad++

欺骗技术13款开源工具分享

一旦被那些受利益驱使或有政府背景的黑客团伙盯上,在这场不太公平的攻防博弈中,你会明显感到力不从心。他们有充足的时间,有娴熟的技术和丰富的资源,而且只要在无数次的尝试中成功一次就可以大获全胜

面向软件开发人员的7款产品路线图工具

产品路线图软件可以帮助软件产品经理完成核心的规划任务,并向项目团队成员和相关人员通报目标和状态。产品工具可以帮助团队制定战略、确定目标的优先级、安排要完成的工作,并使每个人在整个产品生命周期中步调一致

7款代码对比工具

在程序开发的过程中,程序员会经常对源代码以及库文件进行代码对比,在这篇文章里我们向大家介绍六款程序员常用的代码比较工具。

程序员常用命令行工具

WordGrinder它是一款使用起来很简单,但拥有足够的编写和发布功能的文字编辑器。Proselint:它是一款全能的实时检查工具。GNU Aspell:

六款主流ETL工具介绍

ETL(Extract-Transform-Load的缩写,即数据抽取、转换、装载的过程),对于企业或行业应用来说,我们经常会遇到各种数据的处理,转换,迁移,所以了解并掌握一种etl工具的使用,必不可少

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!