TypeScript:
การแยกวันที่ออกจากสตริง

วิธีการ:

TypeScript ซึ่งเป็นซูเปอร์เซตของ JavaScript พึ่งพาอ็อบเจกต์ Date สำหรับการแยกวิเคราะห์วันที่จากสตริง อย่างไรก็ตาม การทำงานกับวันที่ใน JS/TS อาจกลายเป็นเรื่องยุ่งยากหรือไม่แม่นยำเนื่องจากความไม่สอดคล้องของอ็อบเจกต์ Date นี่คือตัวอย่างเบื้องต้นตามด้วยวิธีการใช้งานร่วมกับไลบรารียอดนิยม date-fns เพื่อความรู้สึกว่าคณะกรรมการมีวิธีการที่มั่นคงขึ้น

การใช้งานอ็อบเจกต์ Date ของ JavaScript

// การแยกวิเคราะห์พื้นฐานโดยใช้คอนสตรัคเตอร์ Date
const dateFromString = new Date("2023-04-21T15:00:00Z");
console.log(dateFromString.toString()); 
// ผลลัพธ์สำหรับ GMT: "ศุกร์ 21 เม.ย. 2023 15:00:00 GMT+0000 (เวลาสากลประสาน)"

วิธีนี้ใช้ได้กับสตริงในรูปแบบ ISO และรูปแบบวันที่อื่น ๆ บางตัว แต่อาจให้ผลลัพธ์ที่ไม่สอดคล้องกันสำหรับรูปแบบที่ไม่ชัดเจนในเบราว์เซอร์และลอเคลต่าง ๆ

การใช้งาน date-fns

ไลบรารี date-fns มอบการจัดการวันที่ที่ตรงไปตรงมาและสอดคล้องกัน นอกจากนี้เป็นไลบรารีแบบโมดูลาร์ ช่วยให้คุณสามารถรวมเฉพาะส่วนที่คุณต้องการ เพื่อลดขนาดของบันเดิล

ขั้นแรก ติดตั้ง date-fns:

npm install date-fns

จากนั้น ใช้งานเพื่อแยกวิเคราะห์สตริงวันที่:

import { parseISO, format } from 'date-fns';

// การแยกวิเคราะห์สตริง ISO
const dateString = "2023-04-21T15:00:00Z";
const parsedDate = parseISO(dateString);

// การจัด รูปแบบวันที่ (เช่น เปลี่ยนเป็นรูปแบบที่อ่านได้ง่ายขึ้นสำหรับมนุษย์)
console.log(format(parsedDate, "PPPpp")); 
// ผลลัพธ์: "21 เม.ย. ค.ศ. 2023 เวลา 15:00 น." (ผลลัพธ์อาจแตกต่างกันตามลอเคล)

date-fns รองรับรูปแบบและลอเคลที่หลากหลาย ทำให้เป็นตัวเลือกที่มั่นคงสำหรับแอปพลิเคชันที่ต้องการการแยกวิเคราะห์และจัดรูปแบบวันที่อย่างแม่นยำในภูมิภาคผู้ใช้ที่หลากหลาย