js正则格式化日期时间自动补0的两种解法

下面是“js正则格式化日期时间自动补0的两种解法”的完整攻略。

步骤一：获取日期时间值

首先，我们需要获取日期时间的值，通常可以用 Date 对象。

const date = new Date();

解法一：使用 String.prototype.padStart()

String.prototype.padStart() 是 ES2017 中新增的方法，可以在字符串开头补全指定字符。

我们可以按照以下步骤来使用 padStart() 方法：

1. 使用 getMonth() 方法获取月份，padStart(2, '0') 可以将数字不足两位的补全成两位。
2. 使用 getDate() 方法获取日期，同样用 padStart(2, '0') 补全不足两位的数字。
3. 使用 toISOString() 方法将 Date 对象转换为字符串，并用正则表达式将其分解。
   正则表达式 `/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})/

const date = new Date();
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hour = String(date.getHours()).padStart(2, '0');
const minute = String(date.getMinutes()).padStart(2, '0');
const second = String(date.getSeconds()).padStart(2, '0');

const dateTimeString = `${year}-${month}-${day}T${hour}:${minute}:${second}`;
const formattedDateString = dateTimeString.replace(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/, '$1/$2/$3 $4:$5:$6');
console.log(formattedDateString); // 输出格式化后的日期字符串

解法二：使用正则表达式替换

我们也可以使用正则表达式进行替换操作。

正则表达式 /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/ 可以将 YYYY-MM-DDTHH:MM:SS 格式的字符串匹配出来，然后替换成 YYYY/MM/DD HH:MM:SS 的格式。

const date = new Date();
const dateTimeString = date.toISOString();
const formattedDateString = dateTimeString.replace(/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/, '$1/$2/$3 $4:$5:$6');
console.log(formattedDateString); // 输出格式化后的日期字符串

可以在控制台中尝试执行这两段代码，查看它们的输出结果。

另外，这里提供一个示例：假设需要将一个日期时间字符串从“2022-1-1 8:8:8”格式转换成“2022/01/01 08:08:08”格式，使用上述两种解法均可以完成转换，其中解法一的代码如下：

const dateTimeString = '2022-1-1 8:8:8';
const [date, time] = dateTimeString.split(' ');
const [year, month, day] = date.split('-');
const [hour, minute, second] = time.split(':');

const formattedDateString = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}T${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}:${String(second).padStart(2, '0')}`.replace(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/, '$1/$2/$3 $4:$5:$6');
console.log(formattedDateString); // 输出格式化后的日期字符串

解法二的代码如下：

const dateTimeString = '2022-1-1 8:8:8';
const formattedDateString = dateTimeString.replace(/(\d{4})-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})/, function(match, p1, p2, p3, p4, p5, p6) {
  return `${p1}/${String(p2).padStart(2, '0')}/${String(p3).padStart(2, '0')} ${String(p4).padStart(2, '0')}:${String(p5).padStart(2, '0')}:${String(p6).padStart(2, '0')}`
})
console.log(formattedDateString); // 输出格式化后的日期字符串

以上示例都可以将“2022-1-1 8:8:8”格式转化为“2022/01/01 8:8:8”格式，符合我们的期望。