Mint ui 是什麼？

簡單來說，它就是基於 Vue.js 的移動端元件庫
在實際專案開發過程中，我們往往需要藉助一些元件來提高我們的開發效率，如pc端的Element、iView，移動端的Mint UI等。
下面看一下Mint UI 的DatetimePicker用法

<template>
    <!--日期選擇器-->
    <mt-datetime-picker
      type="date"
      ref="picker"
      year-format="{value} 年"
      month-format
 
="{value} 月"
      date-format="{value} 日"
      @confirm="handleConfirm"
      :startDate="startDate"
      >
    </mt-datetime-picker>

    <!--時間選擇器-->
     <!-- <mt-datetime-picker
  type="time"
  ref="picker"
  @confirm="handleConfirm">
</mt-datetime-picker> -->

    <!--日期時間選擇器-->
 

<!-- <mt-datetime-picker
    ref="picker"
    type="datetime"
    @confirm="handleConfirm">
  </mt-datetime-picker> -->
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
import { DatetimePicker } from 'mint-ui'
import moment from 'moment'
 
// 格式化時間
import Vue from 'vue'
Vue.component(DatetimePicker.name, DatetimePicker)
export default {
  data () {
    return {
      dateTime: '',
      startDate: new Date()
    }
  },
  methods: {
    openPicker () {
      this.$refs.picker.open()
    },
    handleConfirm (data) {
      let date = moment(data).format('YYYY.MM.DD')
      this.dateTime = date
    }
  }
}
</script>

moment：用於格式化時間