Vue.js หาวันที่ นับจากวันที่ ที่กำหนด เช่น วันที่ ในอีก 7 วันถัดไปจากวันนี้

Spread the love

สวัสดีจ้าเพื่อน ๆ มีใครกำลังมองหา 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

เป็นยังไงกันบ้างคะ สำหรับบทความเรื่อง Vue.js หาวันที่ นับจากวันที่ ที่กำหนด เช่น วันที่ ในอีก 7 วันถัดไปจากวันนี้ ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย

เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก

อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<