** install 오류 시
npm i react-datepicker --legacy-peer-deps
npm install react-datepicker --save
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";https://reactdatepicker.com/#example-date-range
React Datepicker crafted by HackerOne
reactdatepicker.com
여기 중에서 골라잡아 사용하면 된다.
** 예쁘게 커스텀 하고 싶다면
styled-components 설치
https://jaylee-log.tistory.com/21
TIL | React, DatePicker 라이브러리 사용하기 && 버튼 클릭 시, 날짜 변경
https://www.npmjs.com/package/react-datepicker > https://reactdatepicker.com datepicker 설치하기 datepicker을 기본적인 사용 가이드는 위에 있는 웹사이트이 가이드를 따라하면 되지만, css
velog.io
https://muna76.tistory.com/147
[1116] react 마감시간 정하는 기능 - datepicker 사용하기
사용자가 시간을 설정할 수 있도록 - 데이트 피커 설정 React에서는 일반적으로 사용하는 jquery용 datepicker가 호환이 안되기 때문에 React 전용 datepicker 라이브러리를 사용해야 한다고 합니다. 💙💙
muna76.tistory.com
https://devilfront.tistory.com/122
React react-datepicker 사용법
관리자 페이지 에서 뿐만 아니라 사용자에게도 날짜 선택을 필요로 하게 하는 어플리케이션은 많을 것이다. 기본적으로 캘린더를 띄우는 방법은 기본 자바스크립트에서도 찾아보면 있겠지만
devilfront.tistory.com
'리액트' 카테고리의 다른 글
| react 로그인 후 화면 전환 (navigate) (0) | 2023.02.09 |
|---|---|
| react Token (0) | 2023.02.09 |
| reactjs 와 nodejs 관계 (0) | 2023.02.02 |
| Chakra-ui (0) | 2022.11.26 |
| React (0) | 2022.11.01 |
