antd MonthPicker禁用往後月份

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>
    )
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章