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

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

มาลองทำกัน:

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

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

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

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

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

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

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

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

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

javascriptlet date = new Date();

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