鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 求解elementUI中如何實(shí)現(xiàn)DatePicker的回顯并能保存到后端?

求解elementUI中如何實(shí)現(xiàn)DatePicker的回顯并能保存到后端?

問(wèn)題

前端是用vue+elementUI,一個(gè)頁(yè)面中編輯和新增使用的同一個(gè)Form,新增的數(shù)據(jù)能成功到后臺(tái),修改的時(shí)候因?yàn)槭菑暮笈_(tái)接口返回的時(shí)間錯(cuò)類(lèi)型的數(shù)據(jù),所以在修改時(shí)間點(diǎn)擊保存之后會(huì)向后臺(tái)傳時(shí)間錯(cuò),后臺(tái)Date類(lèi)型的字段無(wú)法接收到值報(bào)錯(cuò),請(qǐng)問(wèn)有沒(méi)有解決方案?

代碼

前端

<el-form-item label="開(kāi)始時(shí)間" prop="startTime">
                <el-date-picker v-model="form.record.startTime" @change="setDate" type="date" value-format="yyyy-MM-dd" placeholder="選擇日期"/>
            </el-form-item>
            <el-form-item label="結(jié)束時(shí)間" prop="endTime">
                <el-date-picker v-model="form.record.endTime" @change="setDate" type="date" value-format="yyyy-MM-dd" placeholder="選擇日期"/>
            </el-form-item>

后端

    @NotNull
    private Date startTime;

    @NotNull
    private Date endTime;

希望各位大牛能給個(gè)思路,感激不盡,謝謝

回答
編輯回答
別逞強(qiáng)

將后臺(tái)回調(diào)的時(shí)間轉(zhuǎn)換再渲染。this.form.record.endTime = new Date(endTime * 1000);//時(shí)間戳為10位需乘1000,時(shí)間戳為13位的話不需乘1000。

2018年8月1日 18:29