day.js 常用方法

文檔地址 (中文)

 

Day.js 是一個輕量的 JavaScript 時間日期處理庫，和 Moment.js 的 API 設計保持完全一樣. 如果你曾經用過 Moment.js, 那麼你已經知道如何使用 Day.js

`Day.js` 基本用法如下，相同的API，相同的鏈式操作。

```

dayjs().startOf('month').add(1, 'day').set('year', 2022).format('YYYY-MM-DD HH:mm:ss');

```

- 和 Moment.js 相同的 API 和用法

- 不可變數據 (Immutable)

- 支持鏈式操作 (Chainable)

- 僅 2kb 大小的微型庫

- 全瀏覽器兼容

Day.js 雖然僅有 2kb 大小，但是功能一點都沒有閹割。包含了時間處理的全部常用方法。

---

如果您的項目裏沒有其他國家語言本地化的需求，那想縮小打包體積，提升開發體驗只需要 `replace(/moment/g, 'dayjs')` 全局替換一下。就能從 `Moment.js + locals` 200kb 減小成 `dayjs` 2kb的體積。所有的API調用都保持不變，無需修改。

來感受一下 `Dayjs` 的語法吧，是不是很看起來親切呢 (沒錯 這就是 moment 的語法嘛)

### 創建

```

dayjs() // 當前時間

dayjs('1995-12-25') // 1995-12-25

dayjs(Date.now() - 24 * 60 * 60 * 1000) // 昨天

```

### 格式化

```

dayjs().format('YYYY年MM月DD日 HH:mm:ss') // 2018年08月08日 00:00:00

dayjs().format('[YYYY]') // "[2018]"。[] 裏的會原樣輸出。

```

### 操作

```

dayjs().add(7, 'days') // 之後的第7天

dayjs().subtract(1, 'months') // 上個月

dayjs().startOf('months') // 獲取一月初

dayjs().endOf('year') // 獲取一年年末

```

### 查詢

```

dayjs('2010-10-20').isBefore('2010-10-21') // 早於

dayjs('2010-10-20').isAfter('2010-10-19') // 晚於

dayjs().isLeapYear() // 閏年

```