问答

antd 想要datepicker只能选择每一年的特定的几个月份的日期

作者:admin 2021-06-22 我要评论

antd 想要datepicker只能选择每一年的特定的几个月份的日期,现在使用 disabledDate 只能做到不能选择当天之前的日期,求教下只能选择每一年的特定的几个月份的...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

antd 想要datepicker只能选择每一年的特定的几个月份的日期,现在使用disabledDate只能做到不能选择当天之前的日期,求教下只能选择每一年的特定的几个月份的日期该怎么写

 disabledDate = (value, endValue, isGt) => {
    const stopSelectBefore = value < moment().startOf('day');
    if (!value || !endValue) {
      return stopSelectBefore;
    }
    if (isGt) {
      return value < moment(endValue).startOf('day');
    }
    return value < moment(endValue).endOf('day');
  }
###
const ALLOW_MONTH = [
  5, // 6月
  6, // 7月
  7, // 8月
]
ReactDOM.render(
  <>
    <DatePicker onChange={onChange} disabledDate={moment => !ALLOW_MONTH.includes(moment.month())} />
  </>,
  mountNode,
);
###

楼上正解,参照学习所得。

<a-date-picker format="YYYY-MM-DD" :disabled-date="disabledDate"/>
return {
  ALLOW_MONTH: [
    5, // 6月
    6, // 7月
    7, // 8月
  ]
}
....
disabledDate(current) {
  return !this.ALLOW_MONTH.includes(current.month())
},

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • antd 想要datepicker只能选择每一年的

    antd 想要datepicker只能选择每一年的

  • echarts-曲线图封装series的类型多少能

    echarts-曲线图封装series的类型多少能

  • vscode 代码提示 如何显示代码详情

    vscode 代码提示 如何显示代码详情

  • 前端打断点有时候不走指定的位置?

    前端打断点有时候不走指定的位置?

腾讯云代理商
海外云服务器