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

这篇具有很好参考价值的文章主要介绍了vue前端如何去掉后端接口返回的一个字段中时间里面的时分秒只需要年月日。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

以下是一个示例函数，它接受一个日期字符串作为参数，并返回 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}`;
}

这个函数首先创建一个 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 这样的字符串。如果后端返回的日期格式不同，需要根据实际情况进行调整。文章来源地址https://www.toymoban.com/news/detail-630675.html

到了这里，关于vue前端如何去掉后端接口返回的一个字段中时间里面的时分秒只需要年月日的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！