0


vue前端如何去掉后端接口返回的一个字段中时间里面的时分秒 只需要年月日

在 Vue 前端中,可以使用 JavaScript 中的 Date 对象来处理日期。对于从后端接口返回的日期字符串,可以先将其转换为 Date 对象,然后再使用 getFullYear()、getMonth()、getDate() 等方法获取年月日等信息

以下是一个示例函数,它接受一个日期字符串作为参数,并返回 YYYY-MM-DD 格式的日期字符串:

functionformatDate(dateStr){const date =newDate(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}`;}

这个函数首先创建一个 Date 对象,并使用 getFullYear() 方法获取年份,getMonth() 方法获取月份(需要加上 1,因为月份从 0 开始),以及 getDate() 方法获取日期。然后,使用 padStart() 方法将月份和日期补充成两位数,并使用模板字符串将它们拼接起来。

使用方法如下:

const dateStr ='2021-10-01T12:34:56.000Z';// 从后端接口返回的日期字符串const formattedDate =formatDate(dateStr);// 转换后的日期字符串,格式为 YYYY-MM-DD
console.log(formattedDate);// 输出 2021-10-01

注意,上面的示例代码中假设后端接口返回的日期字符串格式为 ISO 8601 格式,即类似于 2021-10-01T12:34:56.000Z 这样的字符串。如果后端返回的日期格式不同,需要根据实际情况进行调整。

标签: 前端 javascript

本文转载自: https://blog.csdn.net/qq_53598683/article/details/129999045
版权归原作者 ゐ.浅念 所有, 如有侵权,请联系我们删除。

“vue前端如何去掉后端接口返回的一个字段中时间里面的时分秒 只需要年月日”的评论:

还没有评论