Reactjs 在antd日期选择器中禁用当前日期之前和当前日期1个月之后的日期
我正在为我的react应用程序使用ant UI,在那里我有一个日期选择器。我想禁用当前日期之前和当前日期1个月之后的日期。Reactjs 在antd日期选择器中禁用当前日期之前和当前日期1个月之后的日期,reactjs,date,datepicker,antd,Reactjs,Date,Datepicker,Antd,我正在为我的react应用程序使用ant UI,在那里我有一个日期选择器。我想禁用当前日期之前和当前日期1个月之后的日期。 我的日期选择器 <DatePicker defaultValue={moment()} format={dateFormat} className="datePicker" onChange={dateHandler} ref={(dateSelect) => { this.dateSelect = dateSe
我的日期选择器
<DatePicker
defaultValue={moment()}
format={dateFormat}
className="datePicker"
onChange={dateHandler}
ref={(dateSelect) => { this.dateSelect = dateSelect }}
disabledDate={(current) => {
return moment().add(-1, 'days') >= current &&
moment().add(1, 'month') <= current;
}}
onFocus={this.rideDateGA}
/>
{this.dateSelect=dateSelect}
disabledDate={(当前)=>{
返回时刻().add(-1,'天')>=当前和
力矩()。添加(1,‘月份’)
这里,如果Ireturn moment().add(-1,'days')>=current
则从今天开始的前一个日期将被禁用,但不会禁用日期后的一个月。与I
return moment()相同。添加(1,'month')对于要禁用的日期,您需要它来运行这两个条件
当条件为:
moment().add(-1, 'days') >= current && moment().add(1, 'month') <= current;
要在当前日期之前和当前日期的1个月之后禁用,以下是代码
disabledSubmissionDate = (submissionValue) => {
if (!submissionValue) {
return false;
}
return (submissionValue.valueOf() < Date.now()) || (submissionValue.valueOf() >= moment().add(1, 'month'));
}
<DatePicker disabledDate={this.disabledSubmissionDate} onChange=this.SubmissionDateOnChange} />
disabledSubmissionDate=(submissionValue)=>{
如果(!submissionValue){
返回false;
}
return(submissionValue.valueOf()=moment().add(1,'month');
}
disabledSubmissionDate = (submissionValue) => {
if (!submissionValue) {
return false;
}
return (submissionValue.valueOf() < Date.now()) || (submissionValue.valueOf() >= moment().add(1, 'month'));
}
<DatePicker disabledDate={this.disabledSubmissionDate} onChange=this.SubmissionDateOnChange} />