使用apicloud+vue+vant开发移动端如何实现选择时间间隔不超过一个年，并且开始时间不能大于结束时间的逻辑判断，并且依次每个月份，放入新数组中，并在界面上进行月份渲染

使用apicloud+vue+vant开发移动端如何实现选择时间间隔不超过一个年，并且开始时间不能大于结束时间的逻辑判断，并且依次每个月份，放入新数组中，并在界面上进行月份渲染

使用组件：vant时间选择器+field弹框

结合vue使用：利用computed计算属性，来判断。

html
 <van-field readonly clickable label="选择开始年月" :value="value1" @click="show1 = true" />
        <van-popup v-model="show1" position="bottom" round>
            <van-datetime-picker v-model="currentDate" type="year-month" title="选择开始年月" show-toolbar :max-date="maxDate1"  @change = "changeMon1"
                :formatter="formatter" @cancel="show1 = false" @confirm="onConfirm1" />
        </van-popup>
        <van-field readonly clickable label="选择结束年月" :value="value2" @click="show2 = true" />
        <van-popup v-model="show2" position="bottom" round>
            <van-datetime-picker v-model="currentDate" type="year-month" title="选择结束年月" show-toolbar :max-date="maxDate"  @change = "changeMon2"
                :formatter="formatter2" @cancel="show2 = false" @confirm="onConfirm2" />
        </van-popup>

js
  //选择开始年月
      onConfirm1(value) {