vue如何向后臺傳遞日期
更新時間：2022年06月01日 10:34:31 作者：會飛的豬biubiu
這篇文章主要介紹了vue如何向后臺傳遞日期，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
如何向后臺傳遞日期
直接向后臺傳，會報錯格式轉(zhuǎn)化錯誤。
Cannot deserialize value of type `java.util.Date` from String "2020-02-26"
前臺寫法：
<el-form-item label="部署時間" prop="deployDate"> ? ? ? <el-date-picker ? ? ? ? ? ? ? v-model="dataForm.deployDate" ? ? ? ? ? ? ? type="date" ? ? ? ? ? ? ? value-format="yyyy-MM-dd" ? ? ? ? ? ? ? format="yyyy-MM-dd" ? ? ? ? ? ? ? placeholder="選擇日期"> ? ? ? ? </el-date-picker> ? ? </el-form-item>
后臺寫法：
controller中直接實體接收，只需要在實體類中加入如下代碼，進行格式化處理即可 /** ?? ? * 部署時間 ?? ? */ ?? ?@JsonFormat(shape = JsonFormat.Shape.STRING, pattern="yyyy-MM-dd") ?? ?private Date deployDate;
給后端發(fā)送日期格式
// 給后端發(fā)送日期格式
formatDateValue(now) {
var year = this.dateZero(now.getFullYear()); //取得4位數(shù)的年份
var month = this.dateZero(now.getMonth() + 1); //取得日期中的月份，其中0表示1月，11表示12月
var date = this.dateZero(now.getDate()); //返回日期月份中的天數(shù)（1到31）
var hour = this.dateZero(now.getHours()); //返回日期中的小時數(shù)（0到23）
var minute = this.dateZero(now.getMinutes()); //返回日期中的分鐘數(shù)（0到59）
var second = this.dateZero(now.getSeconds()); //返回日期中的秒數(shù)（0到59）
return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
},
// 日期前面加0
dateZero(time) {
if (time < 10) {
time = "" + "0" + time;
}
return time;
},
//需要發(fā)送的值
this.formatDateValue(new Date(this.appointmentTime))以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue-resize深度解讀，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
vue2.0 中使用transition實現(xiàn)動畫效果使用心得
這篇文章主要介紹了vue2.0 中使用transition實現(xiàn)動畫效果使用心得，本文通過案例知識給大家介紹的非常詳細，需要的朋友參考下吧2018-08-08
本文主要介紹了vue中keep-alive多級路由緩存問題，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問題
這篇文章主要介紹了vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
UEditor是由百度web前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器，這篇文章主要介紹了如何在vue項目中使用UEditor--plus?,需要的朋友可以參考下2022-08-08
這篇文章主要為大家詳細介紹了vue樹形控件tree的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
element-ui自定義表格如何給input雙向綁定數(shù)據(jù)
這篇文章主要介紹了element-ui自定義表格如何給input雙向綁定數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue提供自定義實現(xiàn)指令的功能, 和組件類似,可以是全局指令和局部指令,這篇文章主要介紹了vue自定義tap指令及tap事件的實現(xiàn) ,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了vue時間選擇控件的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
本篇文章主要介紹了淺談在vue項目中如何定義全局變量和全局函數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10