element-ui的el-date-picker元件獲取值
阿新 • • 發佈:2018-12-06
第一種直接獲取中國標準時間:
<div class="block">
<span class="demonstration">選擇日期</span>
<el-date-picker
@change="selectTime"
v-model="value1"
type="date"
placeholder="選擇日期">
</el-date-picker>
</div>
在data裡面定義value1:
data() { return { value1:"" }; },
寫方法methods:
selectTime(value1){
console.log(value1)
}
第二種獲取格式化的時間:
<div class="block"> <span class="demonstration">選擇日期</span> <el-date-picker v-model="form.birthdayName" format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="selectTime" type="date" placeholder="選擇日期"> </el-date-picker> </div>
在data裡面:
data() {
return {
form: {
birthdayName: ''
}
};
},
在methods裡面:
selectTime(val){
this.form.birthdayName = val;
console.log(val);
}