DatePicker蚂蚁设计-禁用当前/今天的日期

时间:2019-12-04 18:31:54

标签: reactjs datepicker

如何使用Ant Design库中的DatePicker禁用当前/今天的日期?我需要将默认日期移回一天(我已成功完成此操作)并禁用了当前日期和以后的所有日期。我真的关闭了,除了我似乎无法禁用当前/今天?你不能那样做吗?

这就是我要尝试的吗?

private disabledDate = (current) => {
    return current && current >= moment().endOf('day');
}
....
<DatePicker
    defaultValue={moment().subtract(1, 'day')}
    value={moment(this.state.reportPeriod, dateFormat)}
    format={'MMM D, YYYY'}
    disabledDate={this.disabledDate}
    onChange={this.selectDate}
/>

1 个答案:

答案 0 :(得分:1)

Ant Designs示例页面在codepen上有此示例。它们的功能可以在下面找到(假设您尝试禁用今天和过去的几天。如果您正在寻找今天和将来的日子,只需使用import math def distance (myList): distlist=[] for a in myList: for b in myList: dist = math.sqrt ((a[0]-b[0])**2 + (a[1]-b[1])**2 + (a[2]-b[2])**2) distlist.append(dist) return distlist print("Distance:",(distance(myList))) 而不是>

<

编辑:因此禁用今天和所有将来日期的功能是:

function disabledDate(current) {
  // Can not select days before today and today
  return current && current < moment().endOf('day');
}