ReactJS 달력 조회 시 from~to 일 경우 from일자가 to일자로 들어오는 현상
페이지 정보
작성자 dooly 작성일 2023-12-05 17:13 조회 207회 댓글 3건본문
관련링크
문제점 : 위즈모에서 알려준 새로붙인 달력은 따로놀게끔 구현이 되는데, 기존의 달력의 제목(사진 중, 왼쪽달력의 타이틀)이 입력값을 벗어나지못함(수정 불가)
ex) 조회일자 : from~to 기준으로 보여지지않고 to의 일자로 달력이 보여짐
문제점 : 위즈모에서 알려준 새로붙인 달력은 따로놀게끔 구현이 되는데, 기존의 달력의 제목(사진 중, 왼쪽달력의 타이틀)이 입력값을 벗어나지못함(수정 불가)
ex) 조회일자 : from~to 기준으로 보여지지않고 to의 일자로 달력이 보여짐
안녕하세요 메시어스입니다.
답변 기다려주셔서 감사합니다.
본사 개발팀에 확인해본 결과, 해당 기능을 구현하기 위해서는 inputDateRange의 dropdown에 독립적인 보조 캘린더를 추가한 뒤, valueChanged, formatItem을 이용해주시면 됩니다.
자세한 코드는 아래 샘플에서 확인하실 수 있습니다.
관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림
안녕하세요 메시어스입니다.
먼저 오랜 기간 기다려주신 점 감사합니다.
문의하신 내용의 경우, inputDateRange의 "isDropDownChanged" 이벤트를 처리하고 그에 따라 달력의 표시 월을 변경할 수 있습니다. 또한 제공된 범위에 따라 날짜의 상태를 변경할 수 있도록 보조 달력을 새로 고쳐주셔야 합니다. 자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.
다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림
안녕하세요 메시우스입니다.
요청하신 기능의 경우, 기본 동작이 아닌 별도 코드로 사용자 정의 해주셔야 합니다.
먼저 rangeEnd 속성과 extraCalendar의 value를 inputDateRange의 displayMonth 속성에 재설정하여 업데이트해주셔야 합니다. 더불어 click 핸들러를 dropDown의 hostElement에 추가하 inputDateRange의 마지막으로 선택된 값을 기록해야 합니다.
자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.
다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림
등록된 댓글이 없습니다.