可以通过设置react ant design 的RangePicker的disableDate的属性来实现只选择当月、本月时间的效果,实现代码如下
1、设置RangePicker
<RangePicker disabledDate={disabledDate} />
2、设置disableDate
const disabledDate = (current) => { if ( !dates || dates.length === 0 || !rangeSearch || !rangeSearch.rangeDays ) { return false; } return !( dayjs(current).valueOf() > dayjs(dates).startOf("month").valueOf() && dayjs(current).valueOf() < dayjs(dates).endOf("month").valueOf() && dayjs(dates).endOf("date").diff(current, "days") <= rangeSearch.rangeDays ); };
注:按如上设置,就可以实现react antd rangPicker组件选择当月时间的效果,dayjs需要自己手动引入
标签:current,dates,dayjs,rangPicker,valueOf,react,antd From: https://www.cnblogs.com/uimeigui/p/17204370.html