Vue ボタンのクリックを使用して vue-ctk-date-time-picker を開いたり閉じたりします

Question

私はコンポーネント - https://github.com/chronotruck/vue-ctk-date-time-picker をコンポーネントで使用しています。私が抱えている問題は、コンポーネントを同じに保ちたいということですが、コンポーネントのどこかでオン/オフを切り替えることができるはずです。コンポーネントはそのような機能を提供していないようです。誰か助けていただけますか。

コードサンドボックス - サンボックス

私がやっていること -

リーリー

このボタンはコンポーネントの外側にある必要があり、セレクターを開いたり閉じたりできる必要があります。

参考実際の使用例は以下の通りです

リーリー

トグル ボタンは日付ピッカーを開いたり閉じたりする必要があります。

ご協力ありがとうございます。

Answer 1

＃＃＃ - -＃＃＃編集＃＃＃ - -＃＃＃

日付ピッカー コンポーネントに ref="pickerRef" を追加します

そして、<button> を次のように変更して、日付ピッカーをトリガーおよび非表示にします。

リーリー