ant design react中的disabledDate不可选择时间的处理

最新推荐文章于 2024-06-26 16:35:01 发布

咸鱼妹妹

最新推荐文章于 2024-06-26 16:35:01 发布

阅读量1k

点赞数

分类专栏： react遇到的坑

本文链接：https://blog.csdn.net/weixin_45884202/article/details/116485274

版权

react遇到的坑专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了如何在Ant Design的React组件中使用DatePicker，并通过设置`disabledDate`属性来禁止用户选择当前及之前的日期。通过`disabledDate`回调函数，可以确保用户只能选择比当前日期晚的日期。

摘要由CSDN通过智能技术生成

ant design react中的disabledDate不可选择时间的处理

 <Col  {...colSpanLayout}>
    <FormItem label="业务日期" {...formItemLayout} >
          {getFieldDecorator('busDate', {
                  initialValue: moment(
                      model.busDate === undefined ? moment() : model.busDate,
                      'YYYY-MM-DD'
                  ),
              })(
                  <DatePicker disabled={type === 2} style={{width:'100%'}} placeholder="请选择日期" disabledDate={disabledDate}/>
              )}
      </FormItem>
  </Col>

  function disabledDate(current) {
	     // Can not select days before today and today
	    // return current && current.valueOf() < Date.now();//当天之前的不可选，包括当天
	    //return current && current < moment().endOf(‘day’);//当天之前的不可选，包括当天
	    return current < moment().subtract(1, 'day') //当天之前的不可选，不包括当天
  }