Định dạng ngày tháng trong JavaScript

Bây giờ hãy học cách hiển thị ngày tháng theo một định dạng nhất định. Ví dụ, giả sử chúng ta muốn hiển thị ngày, tháng và năm hiện tại trên màn hình theo định dạng năm-tháng-ngày.

Hãy thực hiện điều đó:

let date = new Date();
console.log(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());

Tuy nhiên, mã của chúng ta có một vấn đề: số tháng sẽ bắt đầu từ số không, trong khi có lẽ chúng ta muốn chúng bắt đầu từ số một.

Hãy sửa vấn đề này:

let date = new Date();
console.log(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate());

Tuy nhiên, mã của chúng ta vẫn chưa hoàn hảo. Nhưng điều này chỉ có thể nhận thấy vào một số tháng và ngày nhất định. Ví dụ, giả sử bây giờ là ngày 5 tháng 3 năm 2020.

Trong trường hợp này, ngày của chúng ta sẽ được hiển thị theo định dạng 2020-3-5. Nhưng chúng ta muốn ngày được hiển thị theo định dạng 2020-03-05 - với các số không đứng trước ngày và tháng chỉ có một chữ số.

Để giải quyết vấn đề, hãy viết hàm addZero, hàm này sẽ thêm số không trước các số từ 0 đến 9:

function addZero(num) {
	if (num >= 0 && num <= 9) {
		return '0' + num;
	} else {
		return num;
	}
}

Hãy áp dụng hàm đã tạo và bây giờ thực sự nhận được ngày tháng theo định dạng chúng ta muốn:

let date = new Date();

console.log(
	addZero(date.getFullYear()) + '-' + 
	addZero(date.getMonth() + 1) + '-' +
	addZero(date.getDate())
);

Hãy hiển thị ngày giờ hiện tại trên màn hình theo định dạng 12:59:59 31.12.2014. Sử dụng hàm chúng ta đã tạo để thêm số không nếu cần cho tất cả các phần của ngày tháng (trừ năm).