如何在JavaScript/Vue中获取当前时间并格式化输出（精确到时分秒）

如何在JavaScript/Vue中获取当前时间并格式化输出（精确到时分秒）

不只是树，人也是一样，在不确定中生活的人，能比较经得起生活的考验，会锻炼出一颗独立自主的心。在不确定中，就能学会把很少的养分转化为巨大的能量，努力生长。
——林清玄 《桃花心木》

获取当前时间

在JavaScript中，Date对象是处理日期和时间的主要方式。要获取当前的日期和时间，你可以简单地创建一个新的Date实例：

const now = new Date();

这个now对象包含了你执行代码时的准确日期和时间。

分解时间成分

要格式化日期时间，首先需要从Date对象中提取出年、月、日、时、分和秒。可以通过以下方法获取：

const year = now.getFullYear();  // 获取年份
const month = String(now.getMonth() + 1).padStart(2, '0');  // 获取月份，月份从0开始所以要+1
const date = String(now.getDate()).padStart(2, '0');  // 获取日期
const hours = String(now.getHours()).padStart(2, '0');  // 获取小时
const minutes = String(now.getMinutes()).padStart(2, '0');  // 获取分钟
const seconds = String(now.getSeconds()).padStart(2, '0');  // 获取秒钟

注意这里使用了String().padStart(2, '0')来确保每个时间部分都是双位数的格式，例如将9转换为09。

格式化输出

一旦有了这些分解出来的时间成分，就可以按照需要将它们组合成任何格式。以下是一些常见的格式化输出方式：

ISO 8601格式（国际标准格式）:

const isoFormat = `${year}-${month}-${date}T${hours}:${minutes}:${seconds}`;
console.log(isoFormat);

美式格式（AM/PM制）:

const amPm = hours >= 12 ? 'PM' : 'AM';
const formattedHours = ((hours % 12) || 12).toString().padStart(2, '0');  // 将24小时制转换为12小时制
const usFormat = `${month}/${date}/${year} ${formattedHours}:${minutes}:${seconds} ${amPm}`;
console.log(usFormat);

简单的数字格式:

const simpleFormat = `${date}/${month}/${year} ${hours}:${minutes}:${seconds}`;
console.log(simpleFormat);