การสร้างและอ่านวันที่
สร้างออบเจ็กต์ Date และอ่านส่วนประกอบต่าง ๆ
การสร้างและอ่านวันที่ เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 4 บทเรียน
ออบเจ็กต์วันที่
ออบเจ็กต์วันที่ ใช้แทนช่วงเวลาหนึ่งที่ระบุ คุณสร้างออบเจ็กต์นี้ด้วยตัวสร้างวันที่โดยใช้คำสั่งสร้างใหม่
const now = new Date()
console.log(now instanceof Date)วันที่ปัจจุบัน
การเรียกใช้ตัวสร้างวันที่โดยไม่มีอาร์กิวเมนต์จะบันทึกช่วงเวลาปัจจุบันตามนาฬิกาของระบบ
const now = new Date()
console.log(typeof now.getTime())จากข้อความวันที่
คุณสามารถสร้างวันที่จากข้อความวันที่ตามรูปแบบ ISO ได้ โดยปี เดือน และวันจะถูกแยกวิเคราะห์จากข้อความ
const d = new Date("2024-03-15")
console.log(d.getFullYear())จากส่วนประกอบ
คุณสามารถส่งส่วนประกอบแต่ละส่วน ได้แก่ ปี เดือน วัน และอาจส่งชั่วโมงกับนาทีเพิ่มเติมได้ โปรดจำไว้ว่าอาร์กิวเมนต์เดือนเริ่มนับจากศูนย์
const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())getFullYear
getFullYear ส่งคืนปีเป็นตัวเลขสี่หลัก ควรใช้เมธอดนี้แทน getYear ที่เลิกแนะนำแล้วเสมอ
const d = new Date("2024-07-04")
console.log(d.getFullYear())getMonth เริ่มนับจากศูนย์
getMonth ส่งคืนตัวเลขตั้งแต่ 0 ถึง 11 โดย 0 คือมกราคมและ 11 คือธันวาคม นี่เป็นสาเหตุที่พบบ่อยของข้อผิดพลาดที่คลาดเคลื่อนหนึ่งตำแหน่ง
const d = new Date("2024-07-04")
console.log(d.getMonth())การแปลงเดือนเป็นชื่อ
เนื่องจากเดือนเริ่มนับจากศูนย์ คุณจึงใช้ค่า getMonth เป็นดัชนีในอาร์เรย์ชื่อเดือนได้โดยตรง
const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])getDate และ getDay
getDate ส่งคืนวันที่ในเดือนตั้งแต่ 1 ถึง 31 ส่วน getDay ส่งคืนวันในสัปดาห์ตั้งแต่ 0 สำหรับวันอาทิตย์ถึง 6 สำหรับวันเสาร์ อย่าสับสนระหว่างสองเมธอดนี้
const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())ส่วนประกอบของเวลา
ใช้ getHours, getMinutes และ getSeconds เพื่ออ่านส่วนเวลาของวันที่
const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())การสร้างข้อความที่อ่านง่าย
รวมเมธอดสำหรับอ่านค่าเหล่านี้เพื่อจัดรูปแบบวันที่ด้วยตนเอง และอย่าลืมบวกหนึ่งให้กับเดือน
const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)วันที่ไม่ถูกต้อง
ข้อความวันที่ที่ไม่สามารถแยกวิเคราะห์ได้จะสร้างวันที่ไม่ถูกต้องซึ่งมีเวลาเป็นค่าที่ไม่ใช่ตัวเลข ให้ตรวจสอบด้วย Number.isNaN บนค่า getTime เพื่อตรวจจับกรณีนี้
const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))ตรวจสอบความเข้าใจ
ทดสอบความรู้เกี่ยวกับการอ่านวันที่
สรุปทบทวน
สรุปทบทวน: ออบเจ็กต์วันที่เก็บช่วงเวลาหนึ่ง
- ตัวสร้างวันที่ที่ไม่มีอาร์กิวเมนต์หมายถึงเวลาปัจจุบัน
- getMonth เริ่มนับจากศูนย์
- getDate คือวันที่ในเดือน ส่วน getDay คือวันในสัปดาห์
- วันที่ไม่ถูกต้องมีเวลาเป็นค่าที่ไม่ใช่ตัวเลข
const d = new Date(2024, 0, 15)
console.log(d.getMonth())คำถามที่พบบ่อย
บทเรียน “การสร้างและอ่านวันที่” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การสร้างและอ่านวันที่” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การสร้างและอ่านวันที่”
สร้างออบเจ็กต์ Date และอ่านส่วนประกอบต่าง ๆ คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน
บทเรียน “การสร้างและอ่านวันที่” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม
ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การสร้างและอ่านวันที่
- การประทับเวลาและการคำนวณวันที่
- การจัดรูปแบบวันที่
- เขตเวลาและ UTC