<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中直接實體接收，只需要在實體類中加入如下代碼，進(jìn)行格式化處理即可
/**
?? ? * 部署時間
?? ? */
?? ?@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用Object.defineProperty手寫一個簡單的雙向綁定的示例
這篇文章主要介紹了用Object.defineProperty手寫一個簡單的雙向綁定的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-07-07
Vue+Electron打包桌面應(yīng)用(超詳細(xì)完整教程)
這篇文章主要介紹了Vue+Electron打包桌面應(yīng)用超詳細(xì)完整教程,在這大家要記住整個項目的json文件不能有注釋,及時沒報錯也不行,否則運行命令時還是有問題,具體細(xì)節(jié)問題參考下本文詳細(xì)講解
2024-02-02
vue+vux?vux安裝出現(xiàn)錯誤問題及解決
這篇文章主要介紹了vue+vux?vux安裝出現(xiàn)錯誤問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
Vue+ElementUI怎么處理超大表單實例講解
在本篇文章里小編給大家整理的是一篇關(guān)于Vue+ElementUI怎么處理超大表單實例講解內(nèi)容，以后需要的朋友可以跟著學(xué)習(xí)參考下。
2021-11-11
vue3 響應(yīng)式對象如何實現(xiàn)方法的不同點
這篇文章主要介紹了vue3 響應(yīng)式對象如何實現(xiàn)方法的不同點，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-05-05
vue+js實現(xiàn)微信上傳圖片選擇功能
這篇文章主要為大家詳細(xì)介紹了vue+js實現(xiàn)微信上傳圖片選擇功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
vue中前端如何實現(xiàn)pdf預(yù)覽功能(含vue-pdf插件用法)
這篇文章主要給大家介紹了vue中前端如何實現(xiàn)pdf預(yù)覽功能的相關(guān)資料,文中包含vue-pdf插件用法,在前端開發(fā)中,很多時候我們需要進(jìn)行pdf文件的預(yù)覽操作,需要的朋友可以參考下
2023-07-07
Vue項目業(yè)務(wù)邏輯模塊介紹
這篇文章主要介紹了Vue項目業(yè)務(wù)邏輯，不同的項目有不同的功能，不同的功能需要不同的實現(xiàn)，實現(xiàn)這些核心功能的代碼就叫業(yè)務(wù)邏輯。所以說業(yè)務(wù)邏輯是指一個實體單元為了向另一個實體單元提供服務(wù)，應(yīng)該具備的規(guī)則與流程
2022-11-11
Vue.js標(biāo)簽頁組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Vue.js標(biāo)簽頁組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一
2019-10-10
vue中使用scrollTo沒有效果的完美解決方法
這篇文章主要介紹了在vue中使用scrollTo沒有效果的解決方法,本文給大家分享具體操作步驟,在這里需要注意scrollTo要作用在可滾動的元素上,不然不生效,scrollTop就會一直為0,需要的朋友可以參考下
2023-10-10