vue 年月日时间只能选下一年

在Vue中，如果你想要创建一个日期选择组件，允许用户只能选择下一年的日期，你可以使用一些现成的库如Element UI的`el-date-picker`，或者自定义一个日期范围输入框。在这种情况下，可以设置`type`属性为`daterange`，然后限制`end`日期比`start`日期只允许增加一年。

例如，使用Element UI的示例代码可能会像这样：

<template>
  <el-date-picker
    v-model="dateRange"
    type="daterange"
    :picker-options="{ startView: 'year', endView: 'year' }"
    range-separator="至"
    confirm-button-text="确定"
    clear-button-text="清空"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      dateRange: { start: new Date(), end: new Date().setFullYear(new Date().getFullYear() + 1) },
    };
  },
};
</script>

在这个例子中，`picker-options`里的配置确保了开始和结束视图都显示年份，并且默认结束日期设置为当前年份加一。当你需要更新这个日期范围时，只需修改`data`中的`dateRange`对象即可。