在react-bootstrap-date-picker节点模块上禁用过去和今天的日期,可以通过以下步骤实现:
import DatePicker from "react-bootstrap-date-picker";
import moment from "moment";
constructor(props) {
super(props);
this.state = {
selectedDate: moment().format("YYYY-MM-DD")
};
}
isDisabledDate = (date) => {
const currentDate = moment().format("YYYY-MM-DD");
return moment(date).isBefore(currentDate, "day") || moment(date).isSame(currentDate, "day");
}
render() {
return (
<DatePicker
value={this.state.selectedDate}
onChange={(value) => this.setState({ selectedDate: value })}
disabledDate={this.isDisabledDate}
/>
);
}
通过以上步骤,我们成功地在react-bootstrap-date-picker节点模块上禁用了过去和今天的日期。这样用户将无法选择过去和今天的日期,只能选择未来的日期。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云数据库(TencentDB)。
领取专属 10元无门槛券
手把手带您无忧上云