mint-ui 時(shí)間選擇

HTML

<div class="page-datetime">
      <div class="page-datetime-wrapper">
        <mt-button @click.native="open('picker')" size="large">點(diǎn)擊彈出{{msg}}</mt-button>
        <p>{{msg}}</p>
      </div class="page-datetime-wrapper">
      <mt-datetime-picker ref="picker" type="datetime" v-model="value" @confirm="handleChange"></mt-datetime-picker>
  </div>

JS 部分

data() {
    return {
      value: null,
      msg: new Date().toLocaleString().slice(0, length - 3),
    }
  }
methods:{
    open() {
      this.$refs.picker.open();
    },
    handleChange(value) {
      this.msg = value.toLocaleString().slice(0, length - 3);
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容