javaScript | 练习：写一个函数，格式化日期对象，最终输入形式为：yyyy/MM/dd HH:mm:ss。比如：2024/02/27 11:34:57

一只漫漫

已于 2024-03-06 15:54:38 修改

阅读量578

点赞数 17

文章标签： javascript 开发语言 ecmascript

于 2024-03-06 15:53:17 首次发布

本文链接：https://blog.csdn.net/ZM20170703/article/details/136318443

版权

本文详细解释了如何使用JavaScript中的Date对象和相关方法（如getFullYear(),getMonth()等）获取并格式化日期时间，结合条件运算符和字符串连接技术，最后通过document.write将格式化的日期显示在浏览器中。

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

最终浏览器运行结果如下：

参考代码如下：

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
  </head>

  <body>
    <script>
      function formatDate(d) {
        // 如果 d 不是日期对象的实例，返回空
        if (!d instanceof Date) {
          return;
        }
        var year = d.getFullYear(),
          month = d.getMonth() + 1,
          date = d.getDate(),
          hour = d.getHours(),
          minute = d.getMinutes(),
          second = d.getSeconds();
        month = month < 10 ? "0" + month : month;
        date = date < 10 ? "0" + date : date;
        hour = hour < 10 ? "0" + hour : hour;
        minute = minute < 10 ? "0" + minute : minute;
        second = second < 10 ? "0" + second : second;
        return (
          year +
          "/" +
          month +
          "/" +
          date +
          " " +
          hour +
          ":" +
          minute +
          ":" +
          second
        );
      }
      document.write(formatDate(new Date()));
    </script>
  </body>
</html>

考查的知识点：

这段代码考查JavaScript中日期和时间处理的知识点，具体包括以下几点：

Date对象的创建和使用。
Date对象的方法，如getFullYear, getMonth, getDate, getHours, getMinutes, getSeconds。
条件运算符的使用，以确保日期和时间的各个部分都是两位数。
字符串连接的使用。
document.write方法的使用，用于将生成的日期时间字符串输出到HTML文档中。

代码解析如下：

函数formatDate接收一个参数d，它应该是一个Date对象。
使用instanceof操作符检查d是否是Date对象的实例，如果不是，则函数返回空。
如果d是有效的Date对象，则使用getFullYear, getMonth, getDate, getHours, getMinutes, getSeconds方法分别获取年、月、日、时、分、秒。
使用三元运算符为不足两位数的月份、日期、小时、分钟和秒添加前导零。
使用加号(+)连接字符串，形成完整的日期时间字符串。
使用document.write将格式化后的日期时间字符串输出到HTML文档的当前位置。