สวัสดีจ้าเพื่อน ๆ มีใครกำลังมองหา Function สำหรับหา หาวันที่ นับไป จากวันที่ ที่กําหนด ตัวอย่าง โค้ด Vue.js การเขียน Function หาวันที่ นับจากวันที่ ที่กำหนด เช่น วันที่ ในอีก 7 วันถัดไปจากวันนี้ วันที่ ย้อนหลัง 7 วันนับจากวันนี้ คำนวณหาวันที่ในอนาคต วันนี้ ดูเพลิน เรามีตัวอย่างโค้ด มาให้เพื่อน ๆ นำไปใช้กัน เรามีทั้งตัวอย่างโค้ด Function วิธีการใช้งาน และวิธีการเขียนมาให้ดูกันเลยจ้า
ตัวอย่าง Vue.js หาวันที่ในอดีต และ อนาคต จากวันที่ ที่กำหนด
โดยเราจะใช้งาน moment library เพื่อใช้ในการวันที่ทั้งในอดีตและอนาคต ถือว่าเป็น library ที่สะดวกและมีประโยคมาก ๆ เลยที่เดียว
<template> <ul> <li>วันที่ปัจจุบัน: {{ today }}</li> <li>วันที่ 7 วันก่อนหน้า: {{ pastSevenDays }}</li> <li>วันที่ 7 วันข้างหน้า : {{ nextSevenDays }}</li> </ul> </template> <script> import moment from 'moment'; export default { data() { return { currentDate: "2023-03-01", pastSevenDays: '', nextSevenDays: '', }; }, mounted() { this.currentDate = moment().format('YYYY-MM-DD'); this.pastSevenDays = moment().subtract(7, 'days').format('YYYY-MM-DD'); this.nextSevenDays = moment().add(7, 'days').format('YYYY-MM-DD'); }, }; </script>
ผลลัพธ์ที่ได้:
- วันที่ปัจจุบัน: 2023-03-01
- วันที่ 7 วันก่อนหน้า: 2023-02-22
- วันที่ 7 วันข้างหน้า : 2023-03-08
เป็นยังไงกันบ้างคะ สำหรับบทความเรื่อง Vue.js หาวันที่ นับจากวันที่ ที่กำหนด เช่น วันที่ ในอีก 7 วันถัดไปจากวันนี้ ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย