在 Vue 前端中,可以使用 JavaScript 中的 Date 對(duì)象來處理日期。對(duì)于從后端接口返回的日期字符串,可以先將其轉(zhuǎn)換為 Date 對(duì)象,然后再使用 getFullYear()、getMonth()、getDate() 等方法獲取年月日等信息。
以下是一個(gè)示例函數(shù),它接受一個(gè)日期字符串作為參數(shù),并返回 YYYY-MM-DD 格式的日期字符串:
function formatDate(dateStr) {
const date = new Date(dateStr);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
}
這個(gè)函數(shù)首先創(chuàng)建一個(gè) Date 對(duì)象,并使用 getFullYear() 方法獲取年份,getMonth() 方法獲取月份(需要加上 1,因?yàn)樵路輳?0 開始),以及 getDate() 方法獲取日期。然后,使用 padStart() 方法將月份和日期補(bǔ)充成兩位數(shù),并使用模板字符串將它們拼接起來。
使用方法如下:文章來源:http://www.zghlxwxcb.cn/news/detail-630675.html
const dateStr = '2021-10-01T12:34:56.000Z'; // 從后端接口返回的日期字符串
const formattedDate = formatDate(dateStr); // 轉(zhuǎn)換后的日期字符串,格式為 YYYY-MM-DD
console.log(formattedDate); // 輸出 2021-10-01
注意,上面的示例代碼中假設(shè)后端接口返回的日期字符串格式為 ISO 8601 格式,即類似于 2021-10-01T12:34:56.000Z 這樣的字符串。如果后端返回的日期格式不同,需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。文章來源地址http://www.zghlxwxcb.cn/news/detail-630675.html
到了這里,關(guān)于vue前端如何去掉后端接口返回的一個(gè)字段中時(shí)間里面的時(shí)分秒 只需要年月日的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!