js 日期时间格式自定义

大海里没有水

已于 2022-02-27 20:34:13 修改

阅读量328

点赞数

文章标签： javascript 前端 vue.js

于 2022-02-26 23:06:26 首次发布

本文链接：https://blog.csdn.net/Anna_Liqi/article/details/123158014

版权

这篇博客介绍了JavaScript中如何进行日期对象的操作，包括创建日期、打印日期以及将日期转换为时间戳。通过示例展示了`Date`对象的使用，如`valueOf()`、`getTime()`方法，以及自定义日期格式化函数`dateFormat()`。文章还演示了如何在不同格式之间转换日期和时间戳。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const date = new Date("1996-6-6 08:22:12");
      console.log(date * 1);
      console.log(Number(date));
      console.log(date.valueOf());
      console.log(date.getTime());

      const timestamp = date.valueOf();
      console.log(timestamp);
      console.log(new Date(timestamp));

      function dateFormat(date, format = "YYYY-MM-DD HH:mm:ss") {
        const config = {
          YYYY: date.getFullYear(),
          MM: date.getMonth() + 1,
          DD: date.getDate(),
          HH: date.getHours(),
          mm: date.getMinutes(),
          ss: date.getSeconds(),
        };

        for (const key in config) {
          console.log(key, config[key]);
          format = format.replace(key, config[key]);
        }
        return format;
      }
      console.log(dateFormat(date));
      //传入自己想要的格式
      console.log(dateFormat(date, 'YYYY年MM月DD日'));
    </script>
  </body>
</html>