移动端mintUI mt-datetime-picker 组件使用详解

最新推荐文章于 2022-07-06 11:49:48 发布

weixin_30706691

最新推荐文章于 2022-07-06 11:49:48 发布

阅读量742

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/panax/p/10932595.html

本文详细介绍了移动端mintUI的mt-datetime-picker组件的使用。展示了组件的代码示例，包括绑定数据值、设置格式、开始时间等，还给出了触发和关闭组件的方法，以及确认选择后的处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<mt-datetime-picker
           v-model="pickerVisible"   //绑定的数据值
           ref="pickerData"             // 点击触发的dom节点
           type="date"                    // 可设置多种格式
           year-format="{value} 年"
           month-format="{value} 月"
           date-format="{value} 日"
           @confirm="handleConfirm"    // 带确定和取消顶栏
           :startDate="startDate"           // 可设置开始时间为今天
         >
         </mt-datetime-picker>

data(){
        pickerVisible:'',
        startDate:new Date(),
        time:''
}

methods:{
      rentInformat(){
         this.$router.push('/rentInformation')
      },
      dataClick(){
        this.$refs.pickerData.open();   // 触发
        // this.$refs.pickerData.close() ; // 关闭
      },
      handleConfirm(val){
        console.log(val,this.pickerVisible)
        this.time = val ;

      }
}