mint-ui 时间选择

HTML

<div class="page-datetime">
      <div class="page-datetime-wrapper">
        <mt-button @click.native="open('picker')" size="large">点击弹出{{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);
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容