亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

我正在使用元件 - https://github.com/chronotruck/vue-ctk-date-time-picker 在我的元件中。我遇到的問題是，我希望保持組件不變，但在我的組件中的某個地方應(yīng)該能夠打開和關(guān)閉它，似乎組件沒有提供任何這樣的功能，有人可以幫助嗎。

程式碼沙箱 - Sanbox

我正在做的事情 -

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <vue-ctk-date-time-picker
      v-model="theDate"
      :name="'Date'"
      :format="'YYYY-MM-DD'"
      :formatted="'DD MMM, YYYY'"
      :only-date="true"
      :data-vv-as="'date'"
      :first-day-of-week="1"
      :range="true"
    >
    </vue-ctk-date-time-picker>
    <button>Open</button>
  </div>
</template>

這個按鈕需要在元件外部，並且應(yīng)該能夠開啟和關(guān)閉選擇器。

參考實(shí)際用例如下

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <vue-ctk-date-time-picker
      v-model="theDate"
      :name="'Date'"
      :format="'YYYY-MM-DD'"
      :formatted="'DD MMM, YYYY'"
      :only-date="true"
      :data-vv-as="'date'"
      :first-day-of-week="1"
      :no-value-to-custom-elem="false"
      :range="true"
    >
      <input type="text" /><button>Toggle</button>
    </vue-ctk-date-time-picker>
  </div>
</template>

切換按鈕應(yīng)該會開啟和關(guān)閉日期選擇器。

感謝任何幫助。