Cách định dạng chuỗi ngày tháng trong JavaScript

Để định dạng chuỗi ngày tháng trong JavaScript, bạn có thể sử dụng các phương thức tích hợp sẵn của đối tượng Date, hoặc sử dụng các thư viện như Moment.js hay date-fns để có thêm nhiều tùy chọn định dạng.

Sử dụng các phương thức tích hợp sẵn#

• toLocaleDateString(): Phương thức này định dạng ngày tháng theo định dạng địa phương.

let date = new Date(); console.log(date.toLocaleDateString('vi-VN')); // Định dạng ngày tháng theo chuẩn Việt Nam console.log(date.toLocaleDateString('en-US')); // Định dạng ngày tháng theo chuẩn Mỹ

• toLocaleTimeString(): Phương thức này định dạng giờ theo định dạng địa phương.

let date = new Date(); console.log(date.toLocaleTimeString('vi-VN')); // Định dạng giờ theo chuẩn Việt Nam console.log(date.toLocaleTimeString('en-US')); // Định dạng giờ theo chuẩn Mỹ

• toLocaleString(): Phương thức này định dạng cả ngày và giờ theo định dạng địa phương.

let date = new Date(); console.log(date.toLocaleString('vi-VN')); // Định dạng ngày và giờ theo chuẩn Việt Nam console.log(date.toLocaleString('en-US')); // Định dạng ngày và giờ theo chuẩn Mỹ

• Các phương thức khác: Bạn cũng có thể sử dụng các phương thức khác như toString(), toUTCString(), toISOString() để định dạng ngày tháng theo các tiêu chuẩn khác nhau.

let date = new Date(); console.log(date.toString()); // Chuyển đổi đối tượng Date thành chuỗi console.log(date.toUTCString()); // Định dạng ngày tháng theo chuẩn UTC console.log(date.toISOString()); // Định dạng ngày tháng theo chuẩn ISO 8601

Sử dụng thư viện Moment.js#

Moment.js là một thư viện mạnh mẽ và dễ sử dụng để xử lý và định dạng ngày tháng trong JavaScript. Bạn cần thêm Moment.js vào dự án của mình trước khi sử dụng (có thể tải về từ trang web của Moment.js hoặc cài đặt qua npm/yarn).

• Định dạng ngày tháng với Moment.js:

` // Nếu bạn sử dụng npm hoặc yarn, hãy cài đặt Moment.js // npm install moment // yarn add moment

// Sau đó, import Moment.js vào dự án của bạn const moment = require('moment');

// Sử dụng Moment.js để định dạng ngày tháng let date = new Date(); let formattedDate = moment(date).format('DD/MM/YYYY'); // Định dạng ngày tháng theo DD/MM/YYYY console.log(formattedDate);

let formattedDateTime = moment(date).format('DD/MM/YYYY HH:mm:ss'); // Định dạng ngày tháng và giờ console.log(formattedDateTime); `

Sử dụng thư viện date-fns#

date-fns là một thư viện khác để xử lý và định dạng ngày tháng trong JavaScript. Bạn cũng cần thêm date-fns vào dự án của mình trước khi sử dụng (có thể tải về từ trang web của date-fns hoặc cài đặt qua npm/yarn).

• Định dạng ngày tháng với date-fns:

` // Nếu bạn sử dụng npm hoặc yarn, hãy cài đặt date-fns // npm install date-fns // yarn add date-fns

// Sau đó, import date-fns vào dự án của bạn const { format } = require('date-fns');

// Sử dụng date-fns để định dạng ngày tháng let date = new Date(); let formattedDate = format(date, 'dd/MM/yyyy'); // Định dạng ngày tháng theo dd/MM/yyyy console.log(formattedDate);

let formattedDateTime = format(date, 'dd/MM/yyyy HH:mm:ss'); // Định dạng ngày tháng và giờ console.log(formattedDateTime); `

Tự viết hàm định dạng ngày tháng#

Nếu bạn muốn tự định dạng ngày tháng mà không sử dụng thư viện ngoài, bạn có thể viết hàm của riêng mình:

` function formatDate(date) { let day = date.getDate(); let month = date.getMonth() + 1; // Tháng bắt đầu từ 0 let year = date.getFullYear();

// Thêm số 0 vào trước ngày và tháng nếu cần if (day < 10) day = '0' + day; if (month < 10) month = '0' + month;

return day + '/' + month + '/' + year; }

let date = new Date(); console.log(formatDate(date)); // Định dạng ngày tháng theo DD/MM/YYYY `

Với các phương pháp và ví dụ trên, bạn có thể dễ dàng định dạng chuỗi ngày tháng theo nhiều cách khác nhau trong JavaScript.