import {DatetimePicker} from 'mint-ui'; //引入时间插件//script引入
html里:
<li @click="openPicker"><span class="mingC">生日:</span>
<span class="right">
<input v-model="pickerVisibles" />//注意:带s的,自己命名的
</span>
</li>
<mt-datetime-picker
ref="picker"
type="date"//年月日
year-format="{value} Y"//自定义Y,可以是“年”
month-format="{value} M"
date-format="{value} D"
v-model="pickerVisible"//字母后不带s插件自带的
:startDate="startDate"//开始时间
:endDate="endDate"//结束时间
@confirm="handleConfirm">//点击确定按钮
</mt-datetime-picker>
data里:
pickerVisibles: '',//自定义带s
pickerVisible:'',
startDate: new Date('1807'),//设置开始时间根据自己的需要
endDate: new Date('2018'),//设置结束时间
methods里:
//打开日期选择
openPicker() {
this.$refs.picker.open();
},
// 点击日期确定
handleConfirm(value) {
this.$refs.picker.close();//关闭日期选择
// 转化国际时间
var d = new Date(this.pickerVisible);
// console.log(d.getMonth())
//解决默认 NAN NAN NAN Bug
if (d.getMonth() >= 0) {
let month = (d.getMonth() + 1) < 10 ? ('0' + (d.getMonth() + 1)) : (d.getMonth() + 1)
let day = (d.getDate()) < 10 ? ('0' + (d.getDate())) : (d.getDate())
let times = d.getFullYear() + '-' + month + '-' + day;
this.pickerVisibles = times//注意pickerVisibles带s
} else {
this.pickerVisibles = "1807-01-01"//设置的开始日期
}
// let time=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate();
},