随笔 - 135  文章 - 0  评论 - 2  阅读 - 18万

a-range-picker控制禁止选择的时间

复制代码
          <a-form-model-item label="时间周期"
                             prop="dateRange"
          >
            <a-range-picker
              v-model="form.dateRange"
              format="YYYY-MM-DD"
              value-format="YYYY-MM-DD"
              :disabled-date="disabledHDate"
              @change="onChange"
              @calendarChange="calendarChange"
            />
          </a-form-model-item>
复制代码
复制代码
// 导出数据时间周期间隔不允许超过90天,不允许选择2022-08-19之前的时间
disabledHDate(current) {
      if (this.form.dateRange && this.form.dateRange[0]) {
        return (
          current < moment(this.form.dateRange[0]).subtract(89, 'days') ||
          current > moment(this.form.dateRange[0]).add(89, 'days') ||
           current < moment('2022-08-19')
        )
      } else {
        return current < moment('2022-08-17')
      }
    },
    onChange(dateString) {
      this.startDate = dateString[0]
      this.endDate = dateString[1]
    },
    calendarChange(dates) {
      this.form.dateRange = dates
    },
 
复制代码

 

posted on   稳住别慌  阅读(1034)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示