React 달력1 [React]달력을 이용해 날짜 범위 정보얻기1 (react-date-range) 날짜 및 날짜 범위를 선택하기 위한 React 패키지로 날짜 작업에 date-fns 모듈을 사용한다. react-date-range에서 지원하는 Components Example은 다음과 같다. Exmaple 1 : 2개의 달력을 표시 Exmaple 2 : 다중 범위(2개) Exmaple 3 : 다중 범위(3개 이상) Exmaple 4 : 날짜 입력 수정이 가능한 달력 Exmaple 5 : 기본 달력 더 자세한 예시는 링크 참고 react-date-range를 사용하는 이유 - 상태 비 저장 날짜 작업 - 고도로 구성 가능 - 다중 범위 선택 - 기본 js date 기반 - 드래그 앤 드롭 선택 - 날짜 입력을 통한 범위 설정 가능 react-date-rang 사용하기 아래의 명령어를 이용하여 react.. 2020. 11. 24. 이전 1 다음 반응형