ทางเลือกใหม่ ในการ ทำ Date Format ด้วย DAYJS
ทุกวันนี้เวลาเราเขียนเว็บ Front-end ที่เป็น JS เวลาเราทำ Date Format เราจะนึกถึง MomentJS เป็นส่วนใหญ่ แต่ว่ามันก็มี Library อีกตัวที่สามารถทำ Date Format ได้ ซึ่งผมก็ลองนำมา impremet ใส่ใน Project ของผมด้วย ซึ่ง Library ตัวนี้ชื่อว่า Day.js ครับ
แล้วทำไมต้อง Day.js
- 2kB เป็น library ที่มีจำนวน Code น้อยทำให้ขนาด size เล็ก
- Simple ถ้าใครใช้ moment มาก่อน การเรียกใช้งานจะคล้ายๆกันเลยครับ
- I18n support ภาษาด้วยนะ
ใครสนใจอยากที่จะลองใช้งาน ไปที่เว็บไซต์หลักได้เลยครับ
Day.js · 2kB JavaScript date utility library
2kB JavaScript date utility library

วิธีลง library แสนง่าย
ใครใช้ node ก็
npm install dayjs
ใครอยากใช้ CDN เขาก็มีมาให้ด้วยนะ
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"/>
ยกตัวอย่างการใช้งาน
dayjs().format() // '2022-03-04T11:14:32+07:00'
dayjs().format("YYYY-MM-DD") // '2022-03-04'
ลองมาเทียบกับการเขียนโค๊ด ระหว่าง day.js กับ moment.js กันครับ
moment().format('MMMM Do YYYY, h:mm:ss a'); // March 4th 2022, 11:11:34 am
moment().format('dddd'); // Friday
moment().format("MMM Do YY"); // Mar 4th 22
moment().format('YYYY [escaped] YYYY'); // 2022 escaped 2022
moment().format(); // 2022-03-04T11:11:34+07:00
dayjs().format('MMMM Do YYYY, h:mm:ss a'); // March 4th 2022, 11:17:24 am
dayjs().format('dddd'); // Friday
dayjs().format("MMM Do YY"); // Mar 4th 22
dayjs().format('YYYY [escaped] YYYY'); // 2022 escaped 2022
dayjs().format(); // 2022-03-04T11:17:47+07:00
สรุปได้ว่า
If you use Moment.js, you already know how to use Day.js.
ขอบคุณทุกท่านหวังว่าบทความนี้ ผู้ที่เข้ามาอ่านจะได้นำไปใช้กันนะครับ ขอบคุณครับ