2020-10-24

el table 后端返回数字，前端对应显示汉字
ant日期选择（a-date-picker），限制不能选择今天之前或之后的日期
直接上代码
当为大于号“>”时，功能是不能选择今天以后的日期
当为小于号“<”时，功能是不能选择今天以前的日期
直接上代码
在这里插入图片描述
限制的参数是disabledDate

  <a-date-picker
    style="width: 200px"
    allowClear
    :disabledDate="disabledDate"
  />

1
2
3
4
5
然后在methods中添加disableDate方法
在这里插入图片描述

当为大于号“>”时，功能是不能选择今天以后的日期
disabledDate(current) {
return current && current > moment().endOf(“day”);
}
1
2
3
效果展示：
在这里插入图片描述

当为小于号“<”时，功能是不能选择今天以前的日期
disabledDate(current) {
return current && current < moment().endOf(“day”);
}
1
2
3
效果展示：
在这里插入图片描述