vue2-datepicker禁用天数范围日期

Question

我使用vue2-datepicker。我有约会范围：

来自： 2019年10月10日

收件人： 2019年10月10日

我需要整天都在没有此范围的情况下禁用。

我使用了方法disabled-days，但是我不知道如何在此函数中声明范围。我只能禁用个别日子，例如：

<date-picker
    v-model="dateAccept"
    range
    :disabled-days="disabledDates2"
    valueType="format">
</date-picker>

disabledDates2: [
    new Date(2019, 10, 2), new Date(2019, 10, 6)
]

在vue-datepicker（版本1）isset函数:disabled-dates中，但在版本2中不起作用

Answer 1

我找到了解决方法。我刚刚在data函数中使用过：

disabledBefore: new Date(2019, 10, 2),
disabledAfter: new Date(2019, 10, 6)

在日期选择器中：

<date-picker
    v-model="dateAccept"
    range
    valueType="format"
    :not-before="disabledBefore"
    :not-after="disabledAfter">
</date-picker>

Answer 2

看看ref

你可以使用方法

<data-picker ... :disabled-date="disabledRange" range></data-picker>
        
methods: {
     ...
     disabledRange: function (date) {
         return date < new Date(2019, 10, 2) || date > new Date(2019, 10, 6);
     }
     ...
}