是否在Vue-2日期选择器上设置默认开始日期范围？

Question

我有使用Vue2的datepicker -Datepicker这是我的组件，看起来像

<date-picker
 v-model="closingRange"
 range
 valueType="format"
 :default-value="new Date()"
 :disabled-date="disabledBefore"
></date-picker>

并调用方法disbaledBefore

disabledBefore(date) {
 let dayBefore = this.$moment(this.firstDateIfNull).format(
                "YYYY-MM-DD"
            );
 const beforeToday = new Date(dayBefore);
       beforeToday.setHours(0, 0, 0, 0);
  return date < beforeToday; // Assume < 25 May Not Selected
}

如何在数据范围的起始日期自动选择5月26日，不能更改。因此用户只能更改结束日期。

Answer 1

就像这样：

<date-picker
 v-model="closingRange"
 range
 valueType="format"
 :default-value="new Date()"
 :disabled-date="disabledBefore"
 :min-date="minDate"
></date-picker>

<script>
import { formatDate } from "@/utils/date";
export default {
  name: "index",
  props: {
    label: String,
    value: [String, Object, Date, Number],
    minDate: {
      type: [String, Date, Number],
      default: () => {
        return new Date(1970, 1, 1);
      },
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>