ทางเลือกใหม่ ในการ ทำ Date Format ด้วย DAYJS
1 min read

ทางเลือกใหม่ ในการ ทำ Date Format ด้วย DAYJS

ทางเลือกใหม่ ในการ ทำ 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
https://day.js.org

วิธีลง 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
moment.js
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
day.js

สรุปได้ว่า

If you use Moment.js, you already know how to use Day.js.

ขอบคุณทุกท่านหวังว่าบทความนี้ ผู้ที่เข้ามาอ่านจะได้นำไปใช้กันนะครับ ขอบคุณครับ