VUE2中使用mint-ui，日期选择picker

首先页面引入需要使用的组件import { DatetimePicker,Toast,Popup,Picker} from 'mint-ui';methods部分openPicker () {this.$refs.picker.open()},handleConfirm (data) {this.birthday = get...

dengwei4048

296人浏览 · 2018-06-25 16:45:00

dengwei4048 · 2018-06-25 16:45:00 发布

首先页面引入需要使用的组件

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>

转载于:https://www.cnblogs.com/woshidouzia/p/9224990.html