안녕하세요 그레이프시티입니다.
Wijmo inputDate 컨트롤을 2개 설정하고 각각의 달력을 동시에 열고 선택완료 클릭 시 달력을 숨김처리하고 싶으신 경우, inputDate의 isDroppedDown, closeOnSelection 속성과 lostFocus 이벤트를 이용하시면 됩니다.
아래 샘플에서는 왼편의 inputDate 컨트롤의 드롭다운 버튼을 클릭 시 오른편 inpuDate 컨트롤에 대해서 현재 표시되는지 여부를 나타내는 값을 가져오거나 설정 하는 isDroppedDown를 true로 할당하여 달력이 동시에 표시되게 합니다. 다만 lostFocus 이벤트 내에서도 두 개의 컨트롤의 isDroppedDown 상태를 true로 두어 해당 컨트롤의 포커스가 사라져도 드롭다운이 계속 표시되도록 처리합니다.
사용자가 선택할 때 컨트롤이 자동으로 드롭다운을 닫아야 하는지 여부를 결정하는 값을 가져오거나 설정하는 closeOnSelection 속성은 false로 두어 달력의 날짜 선택 시에도 달력이 숨김처리 되지 않도록 합니다. 그 다음, 선택 완료 버튼을 클릭 시, inputDate 컨트롤의 isDroppedDown을 false로 설정해 동시에 닫히게 구현하였습니다. 자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.
[closeOnSelection]
https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_input.inputdate.html#closeonselection
[isDroppedDown]
https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_input.inputdate.html#isdroppeddown
도움말 문서도 같이 전달 드리오니 참고 부탁 드립니다.
다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.