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

3 mins read

Published

9 October, 2020

Language

Thai

Written by

Share

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

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

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

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

Luxon

หรือหากต้องการใช้งานร่วมกับ 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
default user avatar
Senna Labs

Share

Keep me posted
to follow product news, latest in technology, solutions, and updates

More than 120,000 people/day  visit to read our blogs

Contact Senna Labs at :

hello@sennalabs.com28/11 Soi Ruamrudee, Lumphini, Pathumwan, Bangkok 10330+66 62 389 4599
© 2022 Senna Labs Co., Ltd.All rights reserved. | Privacy policy