การแสดงเวลาสัมพัทธ์บนเว็บไซต์กำลังเป็นที่นิยมมากขึ้นและสะดวกยิ่งขึ้นสำหรับผู้ใช้ปลายทาง WhatsApp, YouTube, Facebook, Uber และแอพพลิเคชั่นส่วนใหญ่ที่คุณใช้เป็นประจำทุกวันจะแสดงวันที่ในรูปแบบที่เกี่ยวข้อง

ห้องสมุดพยายามแก้ปัญหาอะไร?

การแสดงเวลาสัมพัทธ์จากอดีตอาจไม่ง่ายอย่างที่เห็นในครั้งแรก มีหลายกรณีและคำถามหลายข้อที่ต้องตอบ เช่น เดือนหนึ่งมีกี่วัน? กี่วัน เดือน หรือ ปีที่แล้ว 22. 2. 2002 จากนี้ จำเป็นต้องอัพเดทส่วนประกอบบ่อยแค่ไหน? วิธีการจัดรูปแบบผลลัพธ์?

ห้องสมุดกำลังพยายามแก้ปัญหาเหล่านี้ทั้งหมดในขณะที่ยังมีขนาดเล็ก

คุณสามารถใช้ห้องสมุดได้อย่างไร?

คุณสามารถติดตั้งไลบรารีโดยใช้npm install react-timeagoหรือyarn add react-timeago. หากคุณกำลังใช้ TypeScript คุณอาจต้องเพิ่มประเภทด้วยตนเองโดยติดตั้งการ@types/react-timeagoพึ่งพา

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

คุณสามารถลองเล่นได้ที่สนามเด็กเล่นแห่งนี้ https://codesandbox.io/s/brave-hellman-t42woและเอกสารฉบับเต็มสามารถพบได้บนGitHub Repository

คุณควรใช้ห้องสมุดนี้เมื่อใด

การใช้ตรรกะของ edge-case ประเภทนี้ทั้งหมดด้วยตัวเองอาจใช้เวลานานและเกิดข้อผิดพลาดได้ง่าย อาจเป็นการดีที่จะติดตั้งไลบรารีลงในโปรเจ็กต์ของคุณ หากคุณกำลังใช้งานแอปพลิเคชันการรับส่งข้อความ แอปพลิเคชันติดตาม หรือแอปพลิเคชันอื่นๆ ที่ทำงานเกี่ยวกับวันที่ และคุณต้องการให้ผู้ใช้ของคุณเห็นวันที่สัมพัทธ์อย่างง่าย อย่างไรก็ตาม ผู้ใช้บางคนอาจต้องการวันที่แน่นอนมากกว่าวันที่สัมพัทธ์ แต่คุณสามารถแสดงวันที่ทั้งสองได้หากคุณไม่แน่ใจถึงการตั้งค่าของพวกเขา เช่น 14:38 (4 hours ago).

บทสรุป

React TimeAgo กำลังแก้ปัญหาอย่างสง่างาม กำลังได้รับการทดสอบ และกำลังดาวน์โหลดมากกว่า 60,000 ครั้งต่อสัปดาห์ ทำให้ห้องสมุดมีความน่าเชื่อถือ