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

发布于:2024-05-11 ⋅ 阅读:(27) ⋅ 点赞:(0)

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

网站公告

今日签到

点亮在社区的每一天
去签到