Javascript 如何添加用户不能从今天起选择更早日期的选项?
如何添加用户不能从今天起选择更早日期的选项 我的代码:Javascript 如何添加用户不能从今天起选择更早日期的选项?,javascript,reactjs,calendar,Javascript,Reactjs,Calendar,如何添加用户不能从今天起选择更早日期的选项 我的代码: import React, { useReducer } from 'react' import { DateRangeInput } from '@datepicker-react/styled' const initialState = { startDate: null, endDate: null, focusedInput: null, } function reducer(state, action) { s
import React, { useReducer } from 'react'
import { DateRangeInput } from '@datepicker-react/styled'
const initialState = {
startDate: null,
endDate: null,
focusedInput: null,
}
function reducer(state, action) {
switch (action.type) {
case 'focusChange':
return { ...state, focusedInput: action.payload }
case 'dateChange':
return action.payload
default:
throw new Error()
}
}
function CalendarData() {
const [state, dispatch] = useReducer(reducer, initialState)
return (
<DateRangeInput
onDatesChange={data => dispatch({ type: 'dateChange', payload: data })}
onFocusChange={focusedInput => dispatch({ type: 'focusChange', payload: focusedInput })}
startDate={state.startDate} // Date or null
endDate={state.endDate} // Date or null
focusedInput={state.focusedInput} // START_DATE, END_DATE or null
/>
)
}
export default CalendarData;
将开始日期设置为系统默认日期,而不是null
const newDate = new Date();
const initialState = {
startDate: newDate,
}