Vue 버튼 클릭을 사용하여 vue-ctk-date-time-picker 열기 및 닫기

Question

내 구성 요소에서 https://github.com/chronotruck/vue-ctk-date-time-picker 구성 요소를 사용하고 있습니다. 내가 겪고 있는 문제는 구성 요소를 동일하게 유지하고 싶지만 구성 요소 어딘가에서 이를 켜고 끌 수 있어야 한다는 것입니다. 구성 요소가 그러한 기능을 제공하지 않는 것 같습니다. 누구든지 도와줄 수 있습니다.

코드 샌드박스 - Sanbox

내가 하는 일 -

으아악

이 버튼은 구성 요소 외부에 있어야 하며 선택기를 열고 닫을 수 있어야 합니다.

참고 실제 사용 사례는 다음과 같습니다

으아악

토글 버튼을 누르면 날짜 선택기가 켜지거나 꺼집니다.

도움을 주셔서 감사합니다.

Answer 1

---편집---

datepicker 구성 요소에 ref="pickerRef"를 추가하세요

아래 코드에 따라 <button>를 수정하여 날짜 선택기를 실행하고 숨깁니다.

으아악