Я использую vue-date-pick для ввода календаря. Но я хочу отключить все предыдущие даты, ожидая сегодня предстоящих дат.

В документации соответствующей библиотеки (https://dbrekalo.github.io/vue-date-pick/) есть раздел для решения этой проблемы, но он предназначен для отключения предстоящих дат. Пожалуйста, помогите, здесь я даю фрагмент кода решения для документации (я хочу отключить прошлые даты)

<template>
    <date-pick
        v-model="date"
        :isDateDisabled="isFutureDate"
    ></date-pick>
</template>

<script>
import DatePick from 'vue-date-pick';
export default {
    components: {DatePick},
    data: () => ({
        date: ''
    }),
    methods: {
        isFutureDate(date) {
            const currentDate = new Date();
            return date > currentDate;
        }
    }
};
</script>

1 ответ

<date-pick
    v-model="date"
    :isDateDisabled="isPastDate"
></date-pick>
methods: {
    isPastDate(date) {
        const yesterday = new Date().setDate(new Date().getDate() - 1);
        return date < yesterday;
    }
}
Другие вопросы по тегам