JS日期格式化

大家好，今天给大家分享的知识是前端如何将日期格式化为yyyy-MM-dd格式和yyyy-MM-dd HH:mm:ss格式

一、格式化

在此我自己封装了一个方法，放到了工具类中，以便方便使用，代码如下，供大家参考：

1.yyyy-MM-dd格式

//将 2019-10-31 13:51:50.011 类型转为 yyyy-MM-dd类型 
<span>{{formatDate("2019-10-31 13:51:50.011")}}</span>
   //日期格式化
   formatDate(dateString) {
       let date = new Date(dateString);
       let year = date.getFullYear();
       let month = String(date.getMonth() + 1).padStart(2, '0'); //注意月份是从0开始的，所以需要加1
       let day = String(date.getDate()).padStart(2, '0');
       return `${year}-${month}-${day}`; //返回 2019-10-31
    },

2.yyyy-MM-dd HH:mm:ss格式

formatDateTime(dateString) {
  const date = new Date(dateString);
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');
  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

const inputDate = "2024-04-07T10:12:09.971+0800";
const formattedDateTime = formatDateTime(inputDate);
console.log(formattedDateTime); // 输出 "2019-10-30 10:12:09"