Hướng dẫn sử dụng Moment.js cơ bản

Moment.js là một thư viện tuyệt vời để làm việc với đối tượng date trên một trường browser và môi trường Nodejs.

Bài viết này nhằm giải thích những điều cơ bản và cách sử dụng phổ biến nhất của thư viện này.

Cài đặt

Bạn có thể nhúng nó trực tiếp vào trang của bạn bằng thẻ script giống như một file .js mở rộng thông thường, bạn có thể tải file thư viện về môi trường của bạn hoặc sử dụng trực tiếp đường link được cung cấp tại cdnjs.com hoặc jsDelivr.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js"></script>

hoặc bạn có thể tải thư viện thông qua npm (hoặc yarn)

npm install moment

Nếu bạn cài đặt bằng npm, bạn cần import thư viện moment.js ở trong code của bạn (ví dụ với ES Modules):

import moment from 'moment'

hoặc cú pháp require (sử dụng CommonJS):

const moment = require('moment')

Lấy ngày và giờ hiện tại

const date = moment()

date là một đối tượng moment,

Convert một string thành đối tượng moment date

Một đối tượng moment có thể được khởi tạo với một string đại diện cho một giá trị date:

const date = moment(string)

nó chấp nhận bất kỳ format  nào, các format được dùng để chuyển từ string thành date (theo thứ tự ưu tiên từ trên xuống dưới):

• ISO 8601
• The RFC 2822 Date Time format
• Các format được chấp nhận bởi đối tượng Date native

Chuyển đối tượng moment date sang string

Khi bạn muốn in ra một giá trị ngày tháng bằng đối tượng Date native của Javascript, bạn có rất ít tùy chọn để định dạng thông tin ngày tháng từ đối tượng Date. Bạn có thể tự xây dựng cách format đối tượng Date theo cách của bạn bằng cách sử dụng các phương thức có sẵn.

Moment cung cấp một cách thuận tiện để định dạng ngày theo nhu cầu của bạn, sử dụng phương thức .format():

date.format(string)

Format được chấp nhận giống như format được mô tả ở phần “Convert một string thành đối tượng moment date” ở trên.

Ví dụ:

moment().format("YYYY Do MM")
// "2019 3rd 06"

Moment còn cung cấp một số hằng số định dạng chuẩn, bạn có thể sử dụng chúng thay vì viết định dạng của riêng bạn:

Kiểm tra định dạng ngày tháng

moment('2019-13-23').isValid() //false
moment('2019-11-23').isValid() //true

Khoảng thời gian từ quá khứ, tương lai (cho tới ngày)

Phương thức .fromNow() được sử dụng để lấy ra một string cho biết thời gian được cung cấp so với thời điểm hiện tại.

// today: 2019-06-03
moment('2016-11-23').fromNow()
// "3 years ago"
moment('2019-05-23').fromNow()
// "11 days ago"
moment('2019-11-23').fromNow()
// "in 6 months"

moment('2016-11-23').fromNow()
// "3 years"
moment('2019-05-23').fromNow()
// "11 days"
moment('2019-11-23').fromNow()
// "6 months"

Thao tác tính toán với một đối tượng Moment date

Bạn có thể thêm hoặc bớt bất kỳ khoảng thời gian nào cho một ngày:

moment('2018-11-23').add(1, 'years')
moment('2018-11-23').subtract(1, 'years')

Bạn có thể sử dụng các giá trị: years, quarters, months, weeks, days, hours, minutes, seconds, milliseconds