<el-form-item label="部署時(shí)間" 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>

后臺(tái)寫法：

controller中直接實(shí)體接收，只需要在實(shí)體類中加入如下代碼，進(jìn)行格式化處理即可
/**
?? ? * 部署時(shí)間
?? ? */
?? ?@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í)數(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))

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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