การจัดรูปแบบวันที่ใน JavaScript

ตอนนี้เรามาเรียนรู้วิธีการแสดงผลวันที่ในรูปแบบที่กำหนดกัน ตัวอย่างเช่น สมมติว่าเราต้องการแสดงผลวันที่ เดือน และปี ปัจจุบันบนหน้าจอในรูปแบบ ปี-เดือน-วัน

มาลองทำกัน:

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

อย่างไรก็ตาม โค้ดของเรามีปัญหาอยู่: เลขเดือนจะเริ่มนับ จากศูนย์ แต่ส่วนใหญ่แล้ว เราอาจต้องการให้เริ่มนับจากหนึ่ง

มาแก้ไขปัญหานี้กัน:

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

อย่างไรก็ตาม โค้ดของเราก็ยังไม่สมบูรณ์แบบ แต่จะสังเกตเห็นได้ก็ต่อเมื่อเป็นเดือนและวันที่บางช่วงเท่านั้น ตัวอย่างเช่น สมมติว่าตอนนี้เป็นวันที่ 5 มีนาคม 2020

ในกรณีนี้ วันที่ของเราจะแสดงผลในรูปแบบ 2020-3-5 แต่เราต้องการให้ วันที่แสดงผลในรูปแบบ 2020-03-05 - โดยมีเลขศูนย์นำหน้าหมายเลขวันและเดือน ที่เป็นเลขตัวเดียว

เพื่อแก้ไขปัญหา เรามาเขียนฟังก์ชัน addZero ซึ่งจะเพิ่มเลขศูนย์นำหน้าตัวเลขตั้งแต่ 0 ถึง 9

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

มาลองใช้ฟังก์ชันที่เราสร้างขึ้น และคราวนี้เราจะได้ วันที่ในรูปแบบที่เราต้องการอย่างแน่นอน:

let date = new Date();

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

จงแสดงผลวันที่และเวลาปัจจุบันในรูปแบบ 12:59:59 31.12.2014 ใช้ ฟังก์ชันที่เราสร้างขึ้นสำหรับการเพิ่มเลขศูนย์ กับทุกส่วนของวันที่ (ยกเว้นปี) เมื่อจำเป็น