element 、 vant 时间区间设置

element (PC端)

<el-date-picker
    type="date"
    placeholder="选择日期"
    v-model="form.checkTime"
    format="yyyy年MM月dd日"
    value-format="yyyy-MM-dd"
    :picker-options="pickerOptions"
 ></el-date-picker>


data() {
    return {
      // 完成时限(大于等于今天)
      pickerOptions: {
          disabledDate(time) {
               return time.getTime() > Date.now() - 24 * 60 * 60 * 1000
          }
      }
}

vant (手机端)

<van-calendar
  v-model="showCalendarEnd"
  @confirm="onConfirmEnd"
  :min-date="minDate"
  :max-date="maxDate"
/>

data () {
        return {
            // 三年前的今天——三年后的今天
            minDate: new Date(new Date().setFullYear(new Date().getFullYear() - 3)),
            maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 3))
    }
}

 


版权声明:本文为qq_41075132原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。