Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何添加用户不能从今天起选择更早日期的选项?_Javascript_Reactjs_Calendar - Fatal编程技术网

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,
}