vue2-daterange-picker 的有效范围格式答案

【问题标题】：Valid format of ranges for vue2-daterange-pickervue2-daterange-picker 的有效范围格式
【发布时间】：2020-02-14 11:52:29
【问题描述】：

使用 vue2-daterange-picker 我搜索如何隐藏左侧选择项，如“今天”、“昨天”、 'This month', 'This year'，但我确实找到了有效的格式。

在我找到的文档中：

默认范围对象（设置为 false 以隐藏范围）{ '今天'， '昨天'， '这个月'， '今年'， '上个星期'， '上个月'，}

制作：

<date-range-picker
        :opens="date_range_picker_locale_opens"
        @update="updateValues"
        :singleDatePicker="true"
        :locale-data="dateRangePickerLocale"
        :autoApply="true"
        :ranges="defaultRanges"
        :show-dropdowns="false"
        :alwaysShowCalendars="false"
        v-model="ad_expire_date"
        class="form-control editable_field"
>
    <div slot="input" slot-scope="picker">
        {{ picker.startDate | date }}
    </div>
</date-range-picker>

...
defaultRanges: {  // I got a eslint syntax errors
'Today',
'Yesterday',
'This month',
'This year',
'Last week',
'Last month',
},

哪种格式有效？

"vue": "^2.6.11",
"vue2-daterange-picker": "^0.4.4",

谢谢！

【问题讨论】：

标签： vuejs2 daterangepicker

【解决方案1】：

有效的决定是将属性设置为 false ：

<date-range-picker
        :opens="date_range_picker_locale_opens"
        @update="updateValues"
        :singleDatePicker="true"
        :locale-data="dateRangePickerLocale"
        :autoApply="true"
        :ranges="false"
        :show-dropdowns="true"
        v-model="ad_expire_date"
        class="form-control"
>
    <div slot="input" slot-scope="picker">
        {{ picker.startDate | date }}
    </div>
</date-range-picker>

不要设置：在属性名称之前

【讨论】：

正如括号中的文档所说：)