! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

<wj-input-date-range> 기간 선택 기능 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

Angular <wj-input-date-range> 기간 선택 기능 문의

페이지 정보

작성자 jyh1861 작성일 2023-11-16 11:11 조회 295회 댓글 0건
제품 버전 : 5.20222.877
컨트롤 이름 :

본문

안녕하세요


<wj-input-date-range>를 사용중입니다.


 2020년 1월을 선택하고 2023년 12월을 선택하고 싶은데 2020년 1월을 선택하면 휠 또는 다음버튼을 눌러 2023년 12월까지 이동을 직접해야합니다.

처음 2020년 1월을 선택할때에는 월단위로 선택이 가능한것처럼 to에 해당하는 캘린더도 월을 선택할 수 있도록 할 수 있을까요 ?


from~to의 캘린더를 각각 독립적으로 사용할 수 있는 옵션이 있을까요 ?


만약 없다면 wj-input-date를 사용해야하는것인가요 ?

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

2 답변

Angular Re: <wj-input-date-range> 기간 선택 기능 문의

추천1 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-17 11:52 댓글 4건

본문

안녕하세요 메시어스입니다.


문의하신 내용에 대해서 from 및 to 달력이 독립적으로 사용하고 싶으신 경우, "inputDateRange" 컨트롤의 "monthCount"를 1로 설정하고, "inputDateRange"의 'initialized' 이벤트를 처리하여 드롭다운 요소에 수동으로 추가적인 달력을 삽입해줍니다. 그런 다음 새로운 달력의 'valueChanged' 이벤트를 처리하여 현재 "inputDateRange" 컨트롤과 선택 항목을 동기화해주시면 됩니다. 


더불어 수동으로 추가된 달력에 showMonthPicker 속성을 설정하여 달력 선택 아이콘이 나타나도록 구현할 수 있습니다.


자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.


 


- showMonthPicker API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림

댓글목록

jyh1861님의 댓글

jyh1861 작성일

기능 확인하였습니다.
추가로 궁금한 사항이 있습니다.

양쪽 캘린더를 동일하게 11월을 선택하고 왼쪽 캘린더에서 1일부터 30일까지 선택을하면 캘린더 날짜에 블럭지정이 되는데 우측 캘린더에는 오늘날짜만 선택이 되어 보입니다.

그리고 캘린더 사이즈를 고정사이즈로 줄 수 있는 방법이 있을까요?

각 월마다 보여지는 줄수가 다르다보니 한쪽 캘린더가 커졌을때 반대쪽 캘린더의 하단에 여백이 생깁니다.

관련하여 기능이 있을까요 ??

MESCIUS루시님의 댓글의 댓글

MESCIUS루시 작성일

안녕하세요 메시어스입니다.

첫번째로 문의하신 내용과 관련하여 왼쪽 캘린더의 1일부터 30일까지 영역 지정 시, 블록이 생기는 것처럼 오른쪽 캘린더에서도  1일부터 30일까지 영역 선택 시 블록이 동일하게 구현하고 싶다는 말씀이실까요? 정확한 답변을 위해 확인 요청드리오니 확인 후 회신주시면 감사드리겠습니다.

감사합니다.
메시어스 드림

jyh1861님의 댓글

jyh1861 작성일

네 블록이 동일하게 구현되어야합니다.
왼쪽캘린더와 오른쪽캘린더가 동일한 월을 보고있다면
왼쪽에서 지정한 블록이 오른쪽에도 동일하게 보여야합니다.
반대로 오른쪽에서 블록을 지정하면 왼쪽에도 동일하게 보여야합니다.

MESCIUS루시님의 댓글의 댓글

MESCIUS루시 작성일

안녕하세요 메시어스입니다.

확인 감사드리며 내용 업데이트가 되는 대로 안내드리도록 하겠습니다.

더불어 댓글에 대한 회신으로 아래 이미지와 같이 대댓글 형식으로 댓글을 주시지 않는 경우 알림이 오지 않아 확인이 늦어져 답변 회신이 늦어질 수 있으니 해당 회신 방법을 사용해주시면 감사드리겠습니다.


감사합니다.
메시어스 드림

Angular Re: <wj-input-date-range> 기간 선택 기능 문의

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-22 13:53 댓글 0건

본문

안녕하세요 메시어스입니다.


문의하신 내용에 대해서 안내드립니다.


1. 동일 월일 때 from, to 달력 range 블럭 동일하게 설정하는 방법

=> 해당 기능을 구현하기 위해서는 from, to 달력에 각각 valueChanged, rangeChanged 이벤트를 추가하여 value와 rangeEnd를 설정해주시면 됩니다. 자세한 코드는 아래 샘플에서 확인할 수 있습니다.


2. 캘린더 높이 조정

=> 캘린더의 높이의 경우, 아래 코드와 같이 wj-calendar의 height를 설정해주시면 됩니다.

.wj-calendar .wj-calendar-outer {
  height: 400px !important;
}


- value API 문서

- rangeEnd API 문서

- valueChanged  API 문서

- rangeChanged API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.