vue中使用moment.js

JavaScript024

vue中使用moment.js,第1张

1.先安装  npm install moment

2.在使用的组件里面引入  var moment = require('moment')

moment().format()

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

3.将时间戳转为标准日期

let day2 = moment(1632983439000).format("YYYY-MM-DD")

    console.log(day2)

或者转为带T的格式等等

4.再将标准日期转为时间戳

 let day3 = moment(day2).valueOf()

    console.log(day3)

5.默认情况下,moment 会解析并以本地时间显示。

如果要解析或以 UTC 显示 moment,则可以使用 moment.utc() 而不是 moment()。

moment().format()// 2013-02-04T10:35:24-08:00

moment.utc().format()// 2013-02-04T18:35:24+00:00

重要的是要注意,尽管上面的显示有所不同,但它们在同一时间都是相同的 moment。

vara = moment()varb = moment.utc()a.format()// 2013-02-04T10:35:24-08:00b.format()// 2013-02-04T18:35:24+00:00a.valueOf()// 1360002924000b.valueOf()// 1360002924000

使用 moment.utc() 创建的任何 moment 都将会处于 UTC 模式中,而使用 moment() 创建的任何 moment 则不会。

Moment.js 是一个强大到有些不正经的日期处理库。

支持 TS

国际化 ,一些函数的输出会根据当前语言环境。

高度自定义

有了它只要后台不是自创的格式我们都可以解析,解析问题可见 这篇文章

在转换为文字上颇有门道

本文将抛砖引玉,简单介绍一些基本概念和常用的API,方便日常工作时快速了解。

可以创建一个 moment 对象,仅指定一些单位,其余的将会默认为当前的日期、月份、年份,小时、分钟、秒钟和毫秒默认为 0

以对象形式指定:

支持解析 hmm、Hmm、hmmss 和 Hmmss:

默认的

设置后

在 moment 上调用 moment() 将会克隆它。

通过 clone

开启前

开启后

如果数值超过当前单位,会向上一个单位冒泡哦

可以为负数

转义格式字符串中的字符

fromNow

链接

同时支持一些判定API isBefore 、 isSame 、 isAfter 、 isSameOrBefore 、 isSameOrAfter 、 isBetween 。

减去API: subtract

结束API: endOf

isValid()

parsingFlags 返回一个对象

通过 invalidAt 确认那个单位无效

得到js的 Date 对象

得到数组形式

得到对象形式

链接

默认毫秒

支持传单位

更精确的转换

可直接传递对象

支持传递字符串形式

很对用于操作moment的API对duration也生效

原文

当从字符串创建 moment 时,需要首先检查字符串是否与已知的 ISO 8601 格式匹配,如果未找到已知的格式,则在降维到 new Date(string) 之前检查字符串是否与 RFC 2822 日期时间 格式匹配,浏览器对于解析字符串的支持是不一致的

webpack 会打包所有的 Moment.js 语言环境, 优化可看

round 对时间四舍五入

地址 .

Moment-那些让人眼前一亮的API