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>