JavaScript 日期和时间的格式化

JavaScript 日期和时间的格式化

一、日期和时间的格式化

1、原生方法

1.1、使用 toLocaleString 方法

Date 对象有一个 toLocaleString 方法,该方法可以根据本地时间和地区设置格式化日期时间。例如:

const date = new Date();
console.log(date.toLocaleString("en-US", { timeZone: "America/New_York" })); // 2/16/2023, 8:25:05 AM
console.log(date.toLocaleString("zh-CN", { timeZone: "Asia/Shanghai" })); // 2023/2/16 上午8:25:05

toLocaleString 方法接受两个参数,第一个参数是地区设置,第二个参数是选项,用于指定日期时间格式和时区信息。

1.2、使用 Intl.DateTimeFormat 对象

Intl.DateTimeFormat 对象能使日期和时间在特定的语言环境下格式化。可以使用该对象来生成一个格式化日期时间的实例,并根据需要来设置日期时间的格式和时区。例如:

const date = new Date();
const formatter = new Intl.DateTimeFormat("en-US", {timeZone: "America/New_York",year: "numeric",month: "numeric",day: "numeric",hour: "numeric",minute: "numeric",second: "numeric",
});
console.log(formatter.format(date)); // 2/19/2023, 9:17:40 AMconst dateCN = new Date();
const formatterCN = new Intl.DateTimeFormat("zh-CN", {timeZone: "Asia/Shanghai",year: "numeric",month: "2-digit",day: "2-digit",hour: "2-digit",minute: "2-digit",second: "2-digit",
});
console.log(formatterCN.format(dateCN)); // 2023/02/19 22:17:40

可以在选项中指定需要的日期时间格式,包括年、月、日、时、分、秒等。同时也可以设置时区信息。

2、使用字符串操作方法

可以使用字符串操作方法来将日期时间格式化为特定格式的字符串。例如:

const date = new Date();
const year = date.getFullYear().toString().padStart(4, "0");
const month = (date.getMonth() + 1).toString().padStart(2, "0");
const day = date.getDate().toString().padStart(2, "0");
const hour = date.getHours().toString().padStart(2, "0");
const minute = date.getMinutes().toString().padStart(2, "0");
const second = date.getSeconds().toString().padStart(2, "0");
console.log(`${year}-${month}-${day} ${hour}:${minute}:${second}`); // 2023-02-16 08:25:05

以上代码使用了字符串模板和字符串操作方法,将日期时间格式化为 YYYY-MM-DD HH:mm:ss 的格式。可以根据实际需要来修改格式。

3、自定义格式化函数

3.1、不可指定格式的格式化函数

可以编写自定义函数来格式化日期时间。例如:

function formatDateTime(date) {const year = date.getFullYear();const month = date.getMonth() + 1;const day = date.getDate();const hour = date.getHours();const minute = date.getMinutes();const second = date.getSeconds();return `${year}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`;
}function pad(num) {return num.toString().padStart(2, "0");
}const date = new Date();
console.log(formatDateTime(date)); // 2023-02-16 08:25:05

以上代码定义了一个 formatDateTime 函数和一个 pad 函数,用于格式化日期时间并补齐数字。可以根据需要修改格式,因此通用性较低。

3.2、可指定格式的格式化函数

下面是一个通用较高的自定义日期时间格式化函数的示例:

function formatDateTime(date, format) {const o = {"M+": date.getMonth() + 1, // 月份"d+": date.getDate(), // 日"h+": date.getHours() % 12 === 0 ? 12 : date.getHours() % 12, // 小时"H+": date.getHours(), // 小时"m+": date.getMinutes(), // 分"s+": date.getSeconds(), // 秒"q+": Math.floor((date.getMonth() + 3) / 3), // 季度S: date.getMilliseconds(), // 毫秒a: date.getHours() < 12 ? "上午" : "下午", // 上午/下午A: date.getHours() < 12 ? "AM" : "PM", // AM/PM};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 对象或表示日期时间的字符串,第二个参数是要格式化的格式,例如 yyyy-MM-dd HH:mm:ss。该函数会将日期时间格式化为指定的格式,并返回格式化后的字符串。

该函数使用了正则表达式来匹配格式字符串中的占位符,然后根据对应的日期时间值来替换占位符。其中,y 会被替换为年份,M、d、h、H、m、s、q、S、a、A 分别表示月份、日期、小时(12 小时制)、小时(24 小时制)、分钟、秒、季度、毫秒、上午/下午、AM/PM。

使用该函数进行日期时间格式化的示例如下:

const date = new Date();
console.log(formatDateTime(date, "yyyy-MM-dd HH:mm:ss")); // 2023-02-16 08:25:05
console.log(formatDateTime(date, "yyyy年MM月dd日 HH:mm:ss")); // 2023年02月16日 08:25:05
console.log(formatDateTime(date, "yyyy-MM-dd HH:mm:ss S")); // 2023-02-16 08:25:05 950
console.log(formatDateTime(date, "yyyy-MM-dd hh:mm:ss A")); // 2023-02-16 08:25:05 上午

可以根据实际需要修改格式化的格式,以及支持更多的占位符和格式化选项。

4、使用第三方库

除了原生的方法外,还有很多第三方库可以用来格式化日期时间,例如 Moment.js 和 date-fns 等。这些库提供了更多的日期时间格式化选项,并且可以兼容不同的浏览器和环境。

const date = new Date();
console.log(moment(date).format("YYYY-MM-DD HH:mm:ss")); // 2023-02-16 08:25:05
console.log(dateFns.format(date, "yyyy-MM-dd HH:mm:ss")); // 2023-02-16 08:25:05

以上是几种常用的日期时间格式化方法,在进行日期时间格式化时,可以使用原生的方法、自定义函数或第三方库,选择合适的方法根据实际需要进行格式化。

二、日期和时间的其它常用处理方法

1、创建 Date 对象

要创建一个 Date 对象,可以使用 new Date(),不传入任何参数则会使用当前时间。也可以传入一个日期字符串或毫秒数,例如:

const now = new Date(); // 当前时间
const date1 = new Date("2022-01-01"); // 指定日期字符串
const date2 = new Date(1640995200000); // 指定毫秒数

2、日期和时间的获取

Date 对象可以通过许多方法获取日期和时间的各个部分,例如:

const date = new Date();
const year = date.getFullYear(); // 年份,例如 2023
const month = date.getMonth(); // 月份,0-11,0 表示一月,11 表示十二月
const day = date.getDate(); // 日期,1-31
const hour = date.getHours(); // 小时,0-23
const minute = date.getMinutes(); // 分钟,0-59
const second = date.getSeconds(); // 秒数,0-59
const millisecond = date.getMilliseconds(); // 毫秒数,0-999
const weekday = date.getDay(); // 星期几,0-6,0 表示周日,6 表示周六

3、日期和时间的计算

可以使用 Date 对象的 set 方法来设置日期和时间的各个部分,也可以使用 get 方法获取日期和时间的各个部分,然后进行计算。例如,要计算两个日期之间的天数,可以先将两个日期转换成毫秒数,然后计算它们之间的差值,最后将差值转换成天数,例如:

const date1 = new Date("2022-01-01");
const date2 = new Date("2023-02-16");
const diff = date2.getTime() - date1.getTime(); // 毫秒数
const days = diff / (1000 * 60 * 60 * 24); // 天数

4、日期和时间的比较

可以使用 Date 对象的 getTime() 方法将日期转换成毫秒数,然后比较两个日期的毫秒数大小,以确定它们的顺序。例如,要比较两个日期的先后顺序,可以将它们转换成毫秒数,然后比较它们的大小,例如:

const date1 = new Date("2022-01-01");
const date2 = new Date("2023-02-16");
if (date1.getTime() < date2.getTime()) {console.log("date1 在 date2 之前");
} else if (date1.getTime() > date2.getTime()) {console.log("date1 在 date2 之后");
} else {console.log("date1 和 date2 相等");
}

5、日期和时间的操作

可以使用 Date 对象的一些方法来进行日期和时间的操作,例如,使用 setDate() 方法设置日期,使用 setHours() 方法设置小时数,使用 setTime() 方法设置毫秒数等等。例如,要将日期增加一天,可以使用 setDate() 方法,例如:

const date = new Date();
date.setDate(date.getDate() + 1); // 增加一天
console.log(date.toLocaleDateString()); // 输出增加一天后的日期

6、获取上周、本周、上月、本月和本年的开始时间和结束时间

以下是 JavaScript 获取本周、上周、本月、上月和本年的开始时间和结束时间的代码示例:

// 获取本周的开始时间和结束时间
function getThisWeek() {const now = new Date();const day = now.getDay() === 0 ? 7 : now.getDay(); // 将周日转换为 7const weekStart = new Date(now.getFullYear(),now.getMonth(),now.getDate() - day + 1);const weekEnd = new Date(now.getFullYear(),now.getMonth(),now.getDate() + (6 - day) + 1);return { start: weekStart, end: weekEnd };
}// 获取上周的开始时间和结束时间
function getLastWeek() {const now = new Date();const day = now.getDay() === 0 ? 7 : now.getDay(); // 将周日转换为 7const weekStart = new Date(now.getFullYear(),now.getMonth(),now.getDate() - day - 6);const weekEnd = new Date(now.getFullYear(),now.getMonth(),now.getDate() - day);return { start: weekStart, end: weekEnd };
}// 获取本月的开始时间和结束时间
function getThisMonth() {const now = new Date();const monthStart = new Date(now.getFullYear(), now.getMonth(), 1);const monthEnd = new Date(now.getFullYear(), now.getMonth() + 1, 0);return { start: monthStart, end: monthEnd };
}// 获取上月的开始时间和结束时间
function getLastMonth() {const now = new Date();const monthStart = new Date(now.getFullYear(), now.getMonth() - 1, 1);const monthEnd = new Date(now.getFullYear(), now.getMonth(), 0);return { start: monthStart, end: monthEnd };
}// 获取本年的开始时间和结束时间
function getThisYear() {const now = new Date();const yearStart = new Date(now.getFullYear(), 0, 1);const yearEnd = new Date(now.getFullYear(), 11, 31);return { start: yearStart, end: yearEnd };
}

上述代码中,getThisWeek()、getLastWeek()、getThisMonth()、getLastMonth() 和 getThisYear() 函数分别返回当前时间所在的本周、上周、本月、上月和本年的开始时间和结束时间。这些函数使用了 Date 对象的方法,例如 getFullYear()、getMonth() 和 getDate() 等。它们可以用于获取需要进行时间区间计算的场景,例如统计某个时间范围内的数据等。

使用这些函数获取时间区间的示例:

const thisWeek = getThisWeek();
console.log(thisWeek.start); // 本周的开始时间
console.log(thisWeek.end); // 本周的结束时间const lastWeek = getLastWeek();
console.log(lastWeek.start); // 上周的开始时间
console.log(lastWeek.end); // 上周的结束时间const thisMonth = getThisMonth();
console.log(thisMonth.start); // 本月的开始时间
console.log(thisMonth.end); // 本月的结束时间const lastMonth = getLastMonth();
console.log(lastMonth.start); // 上月的开始时间
console.log(lastMonth.end); // 上月的结束时间

使用这些函数可以方便地获取需要的时间区间,并进行后续的操作。

7、根据出生日期计算年龄

以下是一个根据出生日期计算年龄的代码示例,包括了对闰年的处理:

function calculateAge(birthDate) {const birthYear = birthDate.getFullYear();const birthMonth = birthDate.getMonth();const birthDay = birthDate.getDate();const now = new Date();let age = now.getFullYear() - birthYear;if (now.getMonth() < birthMonth ||(now.getMonth() === birthMonth && now.getDate() < birthDay)) {age--;}// 检查闰年const isLeapYear = (year) =>(year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;const isBirthLeapYear = isLeapYear(birthYear);// 调整闰年的年龄if (isBirthLeapYear && birthMonth > 1) {age--;}if (isLeapYear(now.getFullYear()) && now.getMonth() < 1) {age--;}return age;
}

这个函数接收一个 Date 对象作为参数,代表出生日期。该函数计算当前日期与出生日期之间的时间差,以确定年龄。其中,使用 Date 对象的 getFullYear()、getMonth() 和 getDate() 方法获取出生日期的年、月和日。使用当前日期的年、月和日计算出年龄。如果当前月份小于出生月份,或当前月份等于出生月份但当前日期小于出生日期,则年龄减一。在这个函数中,定义了一个 isLeapYear() 函数,用于检查给定的年份是否为闰年。然后,在计算年龄时,调用这个函数,检查出生年份和当前年份是否为闰年。如果出生年份为闰年且出生月份在二月或之后,则年龄减一。如果当前年份为闰年且当前月份在一月或之前,则年龄减一。这样,就可以正确计算含有闰年的出生日期的年龄了。

这种计算年龄的方法仅是基于当前日期和出生日期之间的时间差,而不是考虑具体的月份和日期。因此,对于生日还未到的人,计算的年龄会比实际年龄小一岁。

使用这个函数计算年龄的示例:

const birthDate = new Date("1990-01-01");
const age = calculateAge(birthDate);
console.log(age); // 33

上述代码中,构造了一个 Date 对象,它代表出生日期。然后调用 calculateAge() 函数,将出生日期作为参数传入。该函数返回当前日期与出生日期之间的时间差,以确定年龄。最后打印计算出的年龄。

8、其他相关的知识点

在使用 Date 对象时,需要注意以下几点:

  • 月份从 0 开始,0 表示一月,11 表示十二月;
  • getDate() 方法返回的是日期,而 getDay() 方法返回的是星期几;
  • Date 对象的年份是完整的四位数,例如 2023;
  • 使用 new Date() 创建 Date 对象时,返回的是当前时区的时间,如果需要使用 UTC 时间,可以使用 new Date(Date.UTC())。

JavaScript 中的 Date 对象提供了许多方法和属性,可以用于处理日期和时间,根据具体情况选择适合的方法和技巧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/18735.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

buuctf_RE

[WMCTF2020]easy_re 简单输入flag 但是下断点后&#xff0c;还没走几步就报错退出了。 确实没有打印的字符串 main函数也看不懂在干嘛 int __cdecl main(int argc, const char **argv, const char **envp) {__int64 v4; // r13char v5; // r12__int64 v6; // rax_QWORD *v7;…

python计算开始时间到结束时间步长一个小时

为了计算从开始时间到结束时间&#xff0c;每隔一小时的时间间隔&#xff0c;你可以使用Python的datetime模块来处理日期和时间。以下是一个简单的例子&#xff0c;它生成从开始时间到结束时间每隔一小时的时间列表。 from datetime import datetime, timedelta# 开始时间 sta…

SylixOS 版本与 RealEvo-IDE 版本对应关系说明

SylixOS 版本与 RealEvo-IDE 版本对应关系说明 SylixOS 版本IDE 版本发布日期1.4.13.1.52017/01/171.5.23.5.12017/10/121.7.13.8.32018/06/221.8.33.9.52018/10/081.9.9-103.9.102020/01/021.11.63.10.22020/05/131.11.73.10.x2020/06/121.12.93.11.02020/09/111.12.11&#…

多输入多输出 | MATLAB实现BiTCN(双向时间卷积神经网络)多输入多输出预测

多输入多输出 | MATLAB实现BiTCN(双向时间卷积神经网络)多输入多输出预测 目录 多输入多输出 | MATLAB实现BiTCN(双向时间卷积神经网络)多输入多输出预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 Matlab实现BiTCN双向时间卷积神经网络多输入多输出预测 1.data为数据…

json格式文件备份redis数据库 工具

背景&#xff1a; 项目组要求使用 json备份redis缓存数据库内容。 附件里工具是一个包含redis-dump工具的镜像文件&#xff0c;方便用户在局域网中使用容器备份redis缓存数据库。 使用步骤&#xff1a; 解压tar文件&#xff0c;导入镜像 docker load < redis_dump_of_my…

【八股系列】HTTP请求特征是什么?

文章目录 1. HTTP&#xff08;超文本传输协议&#xff09;请求具有以下主要特征&#xff1a;1.1 请求行(Request Line):1.2 请求头(Request Headers):1.3 请求正文(Request Body):1.4 状态码(Status Code):1.5 无状态性(Statelessness):1.6 缓存支持(Cacheability):1.7 方法多样…

力扣刷题--2535. 数组元素和与数字和的绝对差【简单】

题目描述 给你一个正整数数组 nums 。 元素和 是 nums 中的所有元素相加求和。 数字和 是 nums 中每一个元素的每一数位&#xff08;重复数位需多次求和&#xff09;相加求和。 返回 元素和 与 数字和 的绝对差。 注意&#xff1a;两个整数 x 和 y 的绝对差定义为 |x - y| 。…

JWT下token过期的处理策略

策略1 最简单最直接的方式 用户再次输入他们的登录凭证&#xff0c;如用户名和密码&#xff0c;得到一个新的token 策略2 采用单token的方式&#xff1a; 设置 token 过期时间&#xff1b; 前端发起请求&#xff0c;后端验证 token 是否过期&#xff08;JWT工具类有一个&a…

面试专区|【DevOps-46道DevOps高频题整理(附答案背诵版)】

简述什么是 DevOps工作流程 &#xff1f; DevOps工作流程是一种将开发和运维团队紧密结合起来的方法&#xff0c;旨在实现软件开发和交付的高效性和可靠性。它强调自动化和持续集成&#xff0c;以便频繁地进行软件交付和部署。 DevOps工作流程通常包括以下阶段&#xff1a; …

【最优化方法】实验三 无约束最优化方法的MATLAB实现

实验的目的和要求&#xff1a;通过本次实验使学生进一步熟悉掌握使用MATLAB软件&#xff0c;并能利用该软件进行无约束最优化方法的计算。 实验内容&#xff1a; &#xff11;、最速下降法的MATLAB实现 &#xff12;、牛顿法的MATLAB实现 &#xff13;、共轭梯度法的MATLAB…

请简述vue2和vue3的区别

Vue2和Vue3作为Vue.js框架的两个主要版本&#xff0c;在多个方面存在显著的差异。以下是它们之间主要区别的详细概述&#xff1a; 生命周期函数钩子&#xff1a; Vue2&#xff1a;包含了一系列的生命周期钩子函数&#xff0c;如beforeCreate、created、beforeMount等&#xff0…

/lib、/lib64和/usr/local/lib的区别

在Linux系统中&#xff0c;/lib、/lib64 和 /usr/local/lib 这几个目录都用于存放库文件&#xff08;即共享库或动态链接库&#xff09;&#xff0c;但它们在用途和管理上有一些区别。 /lib 这个目录通常包含了系统启动和运行所必需的共享库。这些库通常是核心系统组件和关键工…

计量和测量的区别有哪些?两者的关系是什么样的?

计量和测量在行业内经常被混用&#xff0c;更不用说外行人对计量和测量的定义不够清晰&#xff0c;无论是看字面还是定义&#xff0c;似乎两者没有什么太大的区别&#xff0c;但实际上&#xff0c;两者还是有区别的&#xff0c;不过又存在千丝万缕的联系&#xff0c;那么计量和…

【数据结构】冒泡排序、直接插入排序、希尔排序详解!

文章目录 1. 冒泡排序&#x1f34e;2. 直接插入排序&#x1f34e;3. 希尔排序&#xff08;缩小增量排序&#xff09;&#x1f34e; 1. 冒泡排序&#x1f34e; &#x1f427; 基本思想&#xff1a; 比较相邻的元素。如果第一个比第二个大&#xff0c;就交换他们两个。 大的数据…

在编程中百分号表示什么:深度解析其多重角色与应用

在编程中百分号表示什么&#xff1a;深度解析其多重角色与应用 在编程的广阔领域中&#xff0c;百分号&#xff08;%&#xff09;这一看似简单的符号&#xff0c;实则承载着多重含义与功能。它既是数学运算的得力助手&#xff0c;又是字符串格式化的关键工具&#xff0c;甚至在…

Midjourney绘画关键词参数汇总(一)

在数字艺术和创意设计领域&#xff0c;参数化绘画技术正日益受到关注。Midjourney作为一家领先的艺术技术公司&#xff0c;推出了一系列绘画关键词参数&#xff0c;为艺术家和设计师们提供了全新的创作工具。本文将介绍Midjourney绘画关键词参数的汇总&#xff0c;探索其在数字…

适合能源企业的文档安全外发系统应该是什么样的?

能源企业是市场经济中的重要组成&#xff0c;也是社会可持续长远发展的关键组成之一&#xff0c;能源行业在开拓新能源业务线、提升产能的日常经营中&#xff0c;也需要与外部合作伙伴、客户间进行密切的业务往来&#xff0c;文档可能涉及多个领域多个类型。 能源供应合同&…

Vue3 之 动态组件和KeepAlive组件

一、动态组件 1、简介 ​ 在某些业务场景下&#xff0c;页面的某模块具有多个组件但在同一时间只显示一个&#xff0c;需要在多个组件之间进行频繁的切换&#xff0c;如&#xff1a;tab切换等场景。除了可以使用v-if、v-show根据不同条件显示不同组件之外&#xff0c;还可以通…

深入理解模型驱动测试:优点、挑战与应用场景

本文翻译自&#xff1a;Understanding Model-Based Testing: Benefits, Challenges, and Use Cases 原文作者&#xff1a;Qt Group质量保证市场营销主管Sebastian Polzin 审校&#xff1a;Jinjing Li 对于那些寻求系统化和条理化测试方法的测试工程师而言&#xff0c;模型驱动…

ROS2 Topics和Services

本文主要介绍ROS的Topics概念&#xff0c;如何创建Publisher和Subscriber&#xff0c;通过Topic在ROS程序间通信&#xff1b;介绍ROS的Services概念&#xff0c;如何创建Client和Server并建立通信。 更多内容&#xff0c;访问专栏目录获取实时更新。 ROS Topics Topics可以被视…