VUE2中使用mint-ui，日期選擇picker

首先頁面引入需要使用的組件

import { DatetimePicker,Toast,Popup,Picker  } from 'mint-ui';

methods部分

openPicker () {
     this.$refs.picker.open()
},
handleConfirm (data) {
     this.birthday = getDate(data);   //獲取的時間為時間戳，getdata是自己寫的一個轉換時間的方法
},

data部分

birthday:"",  //出生日期
startDate: new Date('1968-01-01'),

template頁面部分　　

<div class="birth">
     <span>出生日期</span>
     <div @click="openPicker">{{birthday}}</div>
</div>

<div class="datePicker">
       <mt-datetime-picker
                type="date"
                ref="picker"
                year-format="{value} 年"
                month-format="{value} 月"
                date-format="{value} 日"
                @confirm="handleConfirm"
                :startDate="startDate"
             >
        </mt-datetime-picker>
 </div>