如何在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);