關於使用vue+elementUI使用日期選擇器控件el-date-picker選擇時間上傳到後臺減少一天問題

問題描述

使用elementUI的時間選擇控件el-date-picker後，作爲參數上傳到後臺接收，發現後臺時間比前臺時間少一天。

前臺代碼：

<el-form-item label="時間">
	<el-date-picker v-model="params.createTimeFrom" type="date" placeholder="選擇時間" class="picker"></el-date-picker>
	<span>-</span>
	<el-date-picker v-model="params.createTimeTo" type="date" placeholder="選擇時間" class="picker"></el-date-picker>
</el-form-item>

後臺代碼：

@RequestParam(value="createTimeTo",required = false) @DateTimeFormat(pattern = "yyyy-MM-dd") @JsonFormat(pattern = "yyyy-MM-dd",timezone="GMT+8") Date  createTimeTo

##原因描述
由於控件默認日期格式和後臺接收的日期格式不一致，導致問題出現

##解決辦法
在前端控件上添加指定日期格式的屬性value-format=“yyyy-MM-dd”,修改後的前端代碼

<el-form-item label="時間">
	<el-date-picker value-format="yyyy-MM-dd" v-model="params.createTimeFrom" type="date" placeholder="選擇時間" class="picker"></el-date-picker>
	<span>-</span>
	<el-date-picker value-format="yyyy-MM-dd" v-model="params.createTimeTo" type="date" placeholder="選擇時間" class="picker"></el-date-picker>
</el-form-item>