React Datepicker 排除过去的日期
React Datepicker exclude past dates
我在我的应用程序中使用这个库:
有一个我可以使用的 excludeDates 道具,我可以在其中传递日期列表,也就是排除今天和昨天:
excludeDates={[moment(), moment().subtract(1, "days")]}
我宁愿有一个比将数百个日期传递到该数组更好的方法。
谢谢!
也许你可以这样使用组件:
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
minDate={moment().toDate()}
placeholderText="Select a day"
/>
您可以使用 minDate 和 maxDate 属性 select 一个独特的日期范围 selectable。
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
minDate={new Date()}
/>
现在事情稍微简单了一些。
根据官方https://reactdatepicker.com/
我们也可以使用
maxDate={addDays(new Date(), 5)} // 5 is number of days from today
在您的代码中使用以下代码段:
<DatePicker
selected={new Date()}
onChange={date => handleDateChange(date, field)}
minDate={moment().toDate()}
/>
我在我的应用程序中使用这个库:
有一个我可以使用的 excludeDates 道具,我可以在其中传递日期列表,也就是排除今天和昨天:
excludeDates={[moment(), moment().subtract(1, "days")]}
我宁愿有一个比将数百个日期传递到该数组更好的方法。
谢谢!
也许你可以这样使用组件:
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
minDate={moment().toDate()}
placeholderText="Select a day"
/>
您可以使用 minDate 和 maxDate 属性 select 一个独特的日期范围 selectable。
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
minDate={new Date()}
/>
现在事情稍微简单了一些。 根据官方https://reactdatepicker.com/
我们也可以使用
maxDate={addDays(new Date(), 5)} // 5 is number of days from today
在您的代码中使用以下代码段:
<DatePicker
selected={new Date()}
onChange={date => handleDateChange(date, field)}
minDate={moment().toDate()}
/>