Antdesign vue RangePicker设置日期可选范围

效果图:

QQ截图20201031101326.jpg

在range标签中使用 disabled-date,这样可以按照一定的时间设定来自由设置可选范围,如:


   <a-range-picker :disabled-date="disabledDate" format="YYYY-MM-DD"/>
methods: {
disabledDate(current) {
      // 控制四个月之内的合同 (当前日期往前推4个月)
     return current < moment().subtract(120, "day")
// 或者
   //  return current < moment().subtract(4, "months")
// 其他还有 如
//  return current < moment().subtract(17, "weeks")
//  return current < moment().subtract(1, "years")
    },
}


qrcode