iview 日期選擇器DatePicker 所選時(shí)間比實(shí)際時(shí)間少8小時(shí)

1、錯(cuò)誤代碼

 <DatePicker v-model="xxx" placeholder="請(qǐng)選擇時(shí)間" type="date"></DatePicker>{{xxx}}
image.png

2、解決方式

注： 使用on-change()事件并且綁定value值（bind）,不能使用v-model(使用@on-change()之后就不能用v-model)

<DatePicker  :value="xxx" placeholder="請(qǐng)選擇時(shí)間" type="date" @on-change="(dataTime)=>{getDate(dataTime)} >
</DatePicker>{{xxx}}

注： 如果xxx存在于數(shù)據(jù)中，可改寫getDate()方法，把數(shù)組和數(shù)組下標(biāo)作為參數(shù)傳到getDate方法中處理

/**
 * 獲取時(shí)間
 * @param dataTime on-chane事件返回的時(shí)間（轉(zhuǎn)換過的時(shí)間） 
 */
getDate(dataTime){
   
    this.xxx= dataTime;
},
image.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。