mint-ui之datetime-picker使用

Posted 美力

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mint-ui之datetime-picker使用相关的知识,希望对你有一定的参考价值。

<template>
  <mt-datetime-picker
    ref="picker"
    type="time"
    v-model="pickerValue">
  </mt-datetime-picker>
</template>

备注:
1.ref,type,v-model 属性必须设置
2.v-model="pickerVisible" 需要在js里面声明pickerVisible
3. type里的值
  • datetime: 日期时间选择器,可选择年、月、日、时、分,value 值为一个 Date 对象
  • date: 日期选择器,可选择年、月、日,value 值为一个 Date 对象
  • time: 时间选择器,可选择时、分,value 值为一个格式为 HH:mm 的字符串

以上是关于mint-ui之datetime-picker使用的主要内容,如果未能解决你的问题,请参考以下文章

mint-ui之toast使用(messagebox,indicator同理)

AngularJS Bootstrap dateTime-picker 日期格式 dd.MM.yyyy

智能表:使用带有 AngularJs 的 Bootstrap Datetime-Picker 作为过滤器

使用 datetime-picker AngularJs 计算所选日期和当前日期之间的天数

Nuxt.js使用mint-ui

vue-cli 使用Mint-UI