当前位置: 首页 > 工具软件 > Monthpicker > 使用案例 >

antd MonthPicker禁用往后月份

严正初
2023-12-01

1. 自定义组件的的处理

const monthFormat = 'YYYY-MM'
const currentMonth = moment().format(monthFormat)
<Col span={7}>
	<MonthTotalFlowData defaultDate={currentMonth} formatV={monthFormat} />
</Col>

2. MonthPicker组件中 defaultDate、disabledDate的处理

const MonthTotalFlowData = (props) => {
    const handleData = (current) => {
        const nextMonth = moment(moment().add(1, 'months').format(props.formatV), props.formatV)
        return !!current ? current >= nextMonth : false
    }

    return (
		<section>
			<MonthPicker
				defaultValue={moment(props.defaultDate, props.formatV)}
				format={props.formatV}
				disabledDate={handleData}
			/>
		</section>
    )
}
 类似资料: