개발자
react-day-picker
react-day-picker 라이브러리를 이용. showoutsidedays =true 속성값을 준 상태에서 캘린더에 5주까지만 보여주고 싶은 경우 어떻게 해야하나요? 어떤 경우에는 6주 5주 보여지는데 5주로 통일하고 싶어요
답변 1
삭제된 사용자
2023년 10월 18일
안녕하세요. https://react-day-picker.js.org/basics/customization#using-fixed-weeks 여기 내용을 보시면, showOutsideDays를 설정한 경우 fixedWeeks를 같이 설정하면 6주로 고정이 되는 것 같네요. 아마 5주로 통일은 되지 않는 것 같은데 6주로 해야 잘리는 달이 없을테니 그런게 아닐까 싶습니다. 원하시는 5주로 고정은 아니지만 이 옵션을 사용하시면 달을 변경해도 보이는 주의 수를 고정할 수 있을것 같습니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2023년 10월 17일
`react-day-picker` 라이브러리는 기본적으로 한 달에 6주를 표시하도록 설계되어있습니다. `showoutsidedays=true`을 설정하면 이전 및 다음 달의 일 부분이 캘린더에 표시되지만, 그럼에도 불구하고 항상 5주만 표시하도록 변경하는 내장 옵션은 없습니다. 하지만 이 문제를 해결하기 위한 간단한 솔루션이 있습니다. CSS를 사용하여 6번째 줄을 숨기는 것입니다. 다음과 같이 CSS 부분에 아래 코드를 추가해보세요: ```css .DayPicker-Body > :nth-child(6) { display: none; } ``` 위 CSS 코드는 react-day-picker의 일 컴포넌트 중에서 6번째로 생성되는 컴포넌트 (즉, 캘린더의 6주차)를 선택하여 화면에서 감춥니다. 이 방법은 디스플레이 상에서만 6번째 주를 숨기는 것이므로, 모든 기능성은 그대로 유지됩니다. 단순히 보여주는 부분에서만 제한을 두었을 뿐입니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!