昨天在做一個(gè)有時(shí)間段選擇的功能時(shí)足删，按照官方實(shí)例，如下代碼
<template>
<div class="block">
<span class="demonstration">默認(rèn)</span>
<el-date-picker
v-model="value1"
type="date"
value-format="YYYY-MM-DD"
placeholder="選擇日期">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
}捕发，
value1: ''
};
}
};
</script>
做完之后疏旨，要么就是回顯不了，要么就是回顯了之后爬骤，再次編輯時(shí)充石，顯示的文本框里值不會變化，但是model里的值確實(shí)跟著變了霞玄。
- 開始賦值的
value1是空字符串骤铃，但是在編輯回顯時(shí)，該值為一個(gè)數(shù)組坷剧，值為Date類型惰爬。 - 在編輯時(shí)，用的
Object.assgin({},row)這種方式給model賦值惫企，這個(gè)時(shí)候大概是將時(shí)間字段的類型給改變了撕瞧，改成直接賦值的方式之后，該功能恢復(fù)正常狞尔。 - 編輯時(shí)丛版，如果沒有重新選擇時(shí)間，那么
model里的該字段依然是Date類型的數(shù)組偏序，根據(jù)元素配置的格式YYYY-MM-DD页畦，沒有值傳到后臺去，此時(shí)要將數(shù)組里的值主動(dòng)切換成需要的時(shí)間格式研儒，后臺才能正常接收到數(shù)據(jù)豫缨。
以上是使用datepicker空間需要注意的幾點(diǎn)。
