개발 노트

antDesign Datepicker 미래 날짜 선택 못하게 설정 본문

React

antDesign Datepicker 미래 날짜 선택 못하게 설정

알 수 없는 사용자 2023. 4. 25. 10:02 
disabledDate={(current) =>
              current && current >= moment().endOf('day')
            }

위의 속성을 추가해주면 된다.

예시 코드는 아래.

<RangePicker
            // defaultValue={[
            //   moment(selectedDates, 'YYYY-MM-DD'),
            //   moment(selectedDatee, 'YYYY-MM-DD'),
            // ]}
            format={'YYYY-MM-DD'}
            value={[
              getDateFormat(moment(selectedDates, 'YYYY-MM-DD')),
              getDateFormat(moment(selectedDatee, 'YYYY-MM-DD')),
            ]}
            onChange={onChange}
            disabledDate={(current) =>
              current && current >= moment().endOf('day')
            }
          />
저작자표시 비영리

'React' 카테고리의 다른 글

Input 입력 후 유효성 검사 : 문제 해결 과정 / Debounce 발견  (0) 2023.06.14
eslint -disable 경고 해결  (0) 2023.06.14
useEffect에서 setInterval 사용할시 주의점  (0) 2023.04.20
React에서 object를 setter함수로 다룰 때  (0) 2023.04.05
"TypeError: rawData.some is not a function" 오류 메시지  (0) 2023.03.13
'React' Related Articles more