time-formater

不是 time-format[t]er

English

在javascript中顯示日期。

使用方法

下載

npm i -S time-formater let rawDate = time().format('YYYY-MM-DD HH:mm:ss') // 當(dāng)前時(shí)間console.log(rawDate) // 2020-12-28 15:19:34

解析

• 當(dāng)前時(shí)間

?

let?now?=?time()

如果參數(shù)為空則獲取當(dāng)前系統(tǒng)時(shí)間。

• 數(shù)字

?

let?date?=?time(1495355143424)

如果傳入?yún)?shù)為數(shù)字，則表示UTC時(shí)間戳。

• 字符串

?

let?date?=?time('2017-05-21')

//?or

let?date?=?time('2017-05-21?16:37:02')

//?or

let?date?=?time('2017-05-21?13:20:35+0800')

//?or

let?date?=?time('2017-05-21?19:02:59-08:00')

//?or

let?date?=?time('2017-05-21?12:38:49Z')

如果傳入字符串，則必須符合ISO 8601格式。

• 原生日期對(duì)象

?

let?date?=?time(new?Date())

傳入?yún)?shù)也可以是一個(gè)原生的javascript日期對(duì)象。

顯示

format(string)

?

let?rawDate?=?time().format('YYYY-MM-DD')?//?2017-05-21

特定字符串所代表的含義

?TokenOutput

月份	M	1 2 ... 11 12
?	MM	01 02 ... 11 12
?	MMM	1月 2月 ... 11月 12月
?	MMMM	一月 二月 ... 十二月
季度	Q	1 2 3 4
日期	D	1 2 ... 30 31
?	Do	1日 2日 ... 30日 31日
?	DD	01 02 ... 30 31
星期	d	0 1 2 3 4 5 6
?	dd	日 一 二 三 四 五 六
?	ddd	周日 周一 ... 周五 周六
?	dddd	星期日 星期一 ... 星期五 星期六
年份	YYYY	1970 1971 ... 2029 2030
上午/下午	A	凌晨 早上 ... 下午 晚上
?	a	凌晨 早上 ... 下午 晚上
時(shí)刻	H	0 1 ... 22 23
?	HH	00 01 ... 22 23
?	h	1 2 ... 11 12
?	hh	01 02 ... 11 12
分鐘	m	0 1 ... 58 59
?	mm	00 01 ... 58 59
秒	s	0 1 ... 58 59
?	ss	00 01 ... 58 59
毫秒	S	0 1 ... 8 9
?	SS	00 01 ... 98 99
?	SSS	000 001 ... 998 999
Unix 時(shí)間戳	X	1495357559853
Unix 時(shí)間戳 毫秒	x	1495357559853

時(shí)差 （以現(xiàn)在為基準(zhǔn)）

fromNow()

?

let?fromNow?=?time('2017-01-01').fromNow()

console.log(fromNow)?//?4個(gè)月前

倒計(jì)時(shí)

?

const?time?=?require('time-formater')

let?remain?=?100000?//?10萬(wàn)秒

let?countdown?=?time.countdown(remain)

let?token?=?'剩余：d天H小時(shí)m分鐘s秒'

?

//?瀏覽器

function?step()?{

????document.title?=?countdown.format(token)?//?剩余：1天3小時(shí)46分鐘40秒

????requestAnimationFrame(step)

}

step()

countdown(time)

• time?<number | string | Date> 類型為數(shù)字表示剩余的秒數(shù)，為Date實(shí)例或字符串（符合ISO 8601格式），表示結(jié)束的時(shí)間點(diǎn)。

返回倒計(jì)時(shí)的時(shí)間量。

format(token)

• token?<string> 用于指定輸出格式。例：'剩余：d天H小時(shí)m分鐘s秒' => "剩余：1天11小時(shí)4分鐘38秒"。

token描述

d	天數(shù)
H	小時(shí)數(shù)
m	分鐘數(shù)
s	秒數(shù)
S	毫秒數(shù)
#<number>	前綴，表示在前面填充零到指定寬度。 例：#3d 表示將天數(shù)填充到3個(gè)字符，001 。

將時(shí)間量格式化為字符串。

Keywords

• 日期
• 顯示
• 工具
• 解析
• 格式化
• 時(shí)間

總結(jié)

以上是生活随笔為你收集整理的time-formater 时间格式化插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。