自定义时间格式转换代码分享

下面是“自定义时间格式转换代码分享”的完整攻略：

目录

• 背景介绍
• 代码实现
• 示例说明
• 示例1
• 示例2
• 总结

背景介绍

在日常开发中，我们常常需要将日期时间按照一定的格式进行转换，以满足不同场景下的需求。例如在前端页面中展示时间、统计用户访问量时需要记录访问时间等等。JavaScript中提供了多种日期时间格式转换的函数，如toLocaleString()、Date.parse()等，但是这些函数仅仅提供了一些常用的转换格式，无法满足个性化的需求。如果想要实现自定义的时间格式转换，就需要手动编写代码来实现。

下面我们将介绍一种比较通用的自定义时间格式转换的代码实现方式，并提供两个示例进行说明。

代码实现

首先，我们需要编写一个函数来进行格式化转换操作。下面是这个函数的代码：

function formatTime(date, format) {
  const o = {
    "M+": date.getMonth() + 1,
    "d+": date.getDate(),
    "H+": date.getHours(),
    "m+": date.getMinutes(),
    "s+": date.getSeconds(),
    "q+": Math.floor((date.getMonth() + 3) / 3),
    "S": date.getMilliseconds(),
  };
  if (/(y+)/.test(format)) {
    format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
  }
  for (let k in o) {
    if (new RegExp("(" + k + ")").test(format)) {
      format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    }
  }
  return format;
}

这个函数接收两个参数：一个是Date对象，另一个是自定义的时间格式字符串。函数内部通过正则表达式匹配要替换的时间格式符号，然后替换为对应的时间值，最终返回格式化后的时间字符串。

示例说明

下面我们提供两个示例来说明如何使用这个自定义时间格式转换函数。

示例1

在前端页面中，我们要在页面上展示文章列表，并展示每篇文章的创建时间。要求把时间格式化成“xxxx年xx月xx日”这种中文格式。那么此时我们就可以使用自定义时间格式转换函数来实现，代码如下：

<script>
const articleList = [
  {
    title: '文章1',
    createTime: new Date('2021-01-01 00:00:00')
  },
  {
    title: '文章2',
    createTime: new Date('2021-02-01 00:00:00')
  },
  {
    title: '文章3',
    createTime: new Date('2021-03-01 00:00:00')
  },
];

for (const article of articleList) {
  const createTimeStr = formatTime(article.createTime, 'yyyy年MM月dd日');
  const articleItem = `<div>${article.title} - ${createTimeStr}</div>`;
  document.body.insertAdjacentHTML('beforeend', articleItem);
}
</script>

这段代码中，我们首先定义了一个文章列表，其中每篇文章都有一个createTime属性表示创建时间。然后通过循环遍历文章列表，对于每篇文章都调用自定义时间格式转换函数，将createTime属性转换为“xxxx年xx月xx日”的中文格式字符串，最后将文章标题和创建时间字符串组合成一个HTML字符串，插入到页面中展示出来。

示例2

在后端服务中，我们要给客户端提供一个接口，获取当前服务器时间。要求返回的时间格式是“yyyyMMddHHmmss”这种带时分秒的数字格式。那么此时我们同样可以使用自定义时间格式转换函数来实现，代码如下：

const express = require('express');
const app = express();

app.get('/getCurrentTime', (req, res) => {
  const currentTime = new Date();
  const currentTimeStr = formatTime(currentTime, 'yyyyMMddHHmmss');
  res.send(currentTimeStr);
});

app.listen(3000, () => {
  console.log('服务已启动，访问 http://localhost:3000/getCurrentTime 获取当前时间');
})

这段代码中，我们使用了Node.js和Express框架来搭建一个简单的后端服务，例如监听了一个“/getCurrentTime”接口，当客户端请求此接口时，通过调用自定义时间格式转换函数将当前时间转换为数字格式字符串“yyyyMMddHHmmss”，然后通过response.send()方法返回给客户端。

总结

以上便是自定义时间格式转换的完整攻略了。通过本文介绍的自定义时间格式转换函数，我们可以轻松地实现各种个性化的时间格式转换需求。在实际开发中，我们可以根据需要对函数进行修改和扩展，满足不同场景下的需求。