728x90
React.js/React-date-picker
-
react-date-picker 사용시 selectsRange 옵션 사용시 range limit 주기React.js/React-date-picker 2024. 8. 6. 14:19
react-date-picker 사용시 startDate와 endDate를 선택 했을 때 startDate를 먼저 선택 했을때 선택 할 수 있는 endDate의 범위를 제한 하고 싶었다. 그럴때 아래와 같은 조건을 만족 해야한다. maxDate를 이용하여 선택 할 수 있는 범위를 startDate 기준으로 설정한다.startDate 선택시에만 해당 maxDate설정을 주어야 하고 그게 아닐때는 날짜 선택이 가능하게 해야 된다.위 그림처럼 범위 제한이 없어서 굉장히 곤란하다. github와 공식문서를 모든곳을 다 뒤져보았지만 range 제한을 두는 옵션은 존재하지 않았습니다. Calendar.interface.ts Calendar.tsx datePickerOptions에서maxDateonSelect Cal..