SOFTWARE DEVELOPMENT | 1 min read

จัดการวันและเวลาด้วย Luxon

By James Niwat on 09 Oct 2020
sennalabs-blog-banner

การจัดการเรื่องเวลาอาจจะเป็นสิ่งหนึ่งที่ค่อนข้างสับสนสำหรับผู้เริ่มต้นใช้งาน javascript ซึ่งส่วนใหญ่จะนิยมใช้งาน library เสริมเข้ามาช่วยจัดการแทน ซึ่ง library ยอดนิยมและเป็นที่รู้จักกันดีก็คือ moment.js ซึ่งมี features มากมายให้ใช้งาน แต่เมื่อไม่นานมานี้ผู้พัฒนา moment.js ได้ออกมาประกาศหยุดพัฒนาและแนะนำให้ใช้ library อื่นแทน โดยให้เหตุผลว่าโครงสร้างเดิมไม่เหมาะกับนักพัฒนาใหม่ และ javascript ก็มี object Intl เพื่อรองรับวิธีการแสดงวันและเวลาแล้ว แต่ moment.js ไม่รองรับ ซึ่งวันนี้ผมเลยจะมานำเสนอ library อีกตัวที่ตอนนี้ได้ทดลองใช้งานมาสักพักแล้วที่มีชื่อว่า "Luxon"

 

เริ่มต้นใช้งาน

ทำการติดตั้งด้วย npm

 

 

หรือหากต้องการใช้งานร่วมกับ typescript ก็รองรับเช่นกัน

 

 

เริ่มต้นเรามาลองใช้งาน class ที่สำคัญที่สุดก็คือ DateTime ซึ่งเป็น immutable data structure โดยทำการ import DateTime จาก luxon เข้ามาและใช้คำสั่ง DateTime.local() เราจะได้ object ซึ่งเราสามารถดึงค่า date และ time มาใช้งานดังรูป

 

 

หรือหากต้องการทำ Formatting DateTime ก็สามารถใช้  function toLocaleString ได้

 

 

หรือสามารถกำหนด format ที่ต้องการได้เอง

 

 

หรือที่เราอาจจะได้ใช้กันบ่อยคือเรื่องของ duration ก็สามารถทำได้เช่นกัน

 

 

นอกจากนี้ยังมี features อีกมากมายให้เลือกใช้ หากต้องการศึกษารายละเอียดเพิ่มเติมก็สามารถตามไปอ่านบทความของทาง Luxon ได้ที่  Luxon Documentation แล้วไว้พบกันใหม่ในบทความหน้าครับ

 

ติดตามอ่านบทความดี ๆ ที่น่าสนใจ ไม่ว่าจะเป็น Machine Learning, Startup, Design, Software Development และ Management ทาง Senna Labs Blog ได้ทุกวัน

Written By