van-calendar设置初始范围值

可以使用van-calendar组件的min-date和max-date属性来设置初始范围值。min-date属性可以设置最小的可选日期，max-date属性可以设置最大的可选日期。例如：

<van-calendar
  :min-date="minDate"
  :max-date="maxDate"
  v-model="selectedDate"
/>

在组件的data选项中定义minDate和maxDate的值即可，例如：

data() {
  return {
    minDate: new Date(2021, 0, 1), // 最小可选日期为2021年1月1日
    maxDate: new Date(2021, 11, 31), // 最大可选日期为2021年12月31日
    selectedDate: new Date() // 初始选中日期为今天
  }
}

这样就可以设置van-calendar组件的初始范围值了。

相关问题

van-calendar设置初始值

在Vanilla JavaScript中，可以使用以下代码设置Van-calendar的初始值：

var calendar = new vanCalendar({
  input: '#calendar-input',
  defaultValue: '2021-09-01'
});

在这个例子中，我们创建了一个Van-calendar实例，并将其绑定到一个ID为“calendar-input”的输入框上。我们还使用了defaultValue属性来设置初始值为“2021-09-01”。

你可以根据你的需要更改输入框的ID和初始值。

van-calendar绑定日期范围

如果你使用的是van-calendar组件，则可以通过设置该组件的min-date和max-date属性来绑定日期范围。

例如，如果希望van-calendar只能选择2021年1月1日至2021年12月31日之间的日期，可以按照以下方式设置：

<van-calendar
  :min-date="new Date('2021-01-01')"
  :max-date="new Date('2021-12-31')"
></van-calendar>

在上面的代码中，min-date和max-date分别设置为2021年1月1日和2021年12月31日，并将它们传递给van-calendar组件。这样，用户在选择日期时，只能选择在这个日期范围内的日期。

你可以根据需要调整min-date和max-date的值，以实现不同的日期范围限制。