一、日期和时间的格式化
1、原生方法
1.1、使用 toLocaleString 方法
Date 对象有一个 toLocaleString 方法,该方法可以根据本地时间和地区设置格式化日期时间。例如:
const date = new Date();
(('en-US', { timeZone: 'America/New_York' })); // 2/18/2023, 21:49:05 AM
(('zh-CN', { timeZone: 'Asia/Shanghai' })); // 2023/2/18 晚上9:49:05
toLocaleString 方法接受两个参数,第一个参数是地区设置,第二个参数是选项,用于指定日期时间格式和时区信息。
1.2、使用 对象
对象是一个用于格式化日期和时间的构造函数。可以使用该对象来生成一个格式化日期时间的实例,并根据需要来设置日期时间的格式和时区。例如:
const date = new Date();
const formatter = new ('en-US', {
timeZone: 'America/New_York',
year: 'numeric',
month: 'numeric',
day: 'numeric',
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
});
((date)); // 2/18/2023, 9:49:05 PM
可以在选项中指定需要的日期时间格式,包括年、月、日、时、分、秒等。同时也可以设置时区信息。
2、使用字符串操作方法
可以使用字符串操作方法来将日期时间格式化为特定格式的字符串。例如:
const date = new Date();
const year = ().toString().padStart(4, '0');
const month = (() + 1).toString().padStart(2, '0');
const day = ().toString().padStart(2, '0');
const hour = ().toString().padStart(2, '0');
const minute = ().toString().padStart(2, '0');
const second = ().toString().padStart(2, '0');
(`${year}-${month}-${day} ${hour}:${minute}:${second}`); // 2023-02-18 21:49:05
以上代码使用了字符串模板和字符串操作方法,将日期时间格式化为 YYYY-MM-DD HH:mm:ss 的格式。可以根据实际需要来修改格式。
3、自定义格式化函数
3.1、不可指定格式的格式化函数
可以编写自定义函数来格式化日期时间。例如:
function formatDateTime(date) {
const year = ();
const month = () + 1;
const day = ();
const hour = ();
const minute = ();
const second = ();
return `${year}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`;
}
function pad(num) {
return ().padStart(2, '0');
}
const date = new Date();
(formatDateTime(date)); // 2023-02-18 21:49:05
以上代码定义了一个 formatDateTime 函数和一个 pad 函数,用于格式化日期时间并补齐数字。可以根据需要修改格式,因此通用性较低。
3.2、可指定格式的格式化函数
下面是一个通用较高的自定义日期时间格式化函数的示例:
function formatDateTime(date, format) {
const o = {
'M+': () + 1, // 月份
'd+': (), // 日
'h+': () % 12 === 0 ? 12 : () % 12, // 小时
'H+': (), // 小时
'm+': (), // 分
's+': (), // 秒
'q+': ((() + 3) / 3), // 季度
S: (), // 毫秒
a: () < 12 ? '上午' : '下午', // 上午/下午
A: () < 12 ? 'AM' : 'PM', // AM/PM
};
if (/(y+)/.test(format)) {
format = (RegExp.$1, (() + '').substr(4 - RegExp.$));
}
for (let k in o) {
if (new RegExp('(' + k + ')').test(format)) {
format = (
RegExp.$1,
RegExp.$ === 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();
(formatDateTime(date, 'yyyy-MM-dd HH:mm:ss')); // 2023-02-18 21:49:05
(formatDateTime(date, 'yyyy年MM月dd日 HH:mm:ss')); // 2023年02月18日 21:49:05
(formatDateTime(date, 'yyyy-MM-dd HH:mm:ss S')); // 2023-02-18 21:49:05 950
(formatDateTime(date, 'yyyy-MM-dd hh:mm:ss A')); // 2023-02-18 21:49:05 下午
可以根据实际需要修改格式化的格式,以及支持更多的占位符和格式化选项。
4、使用第三方库
除了原生的方法外,还有很多第三方库可以用来格式化日期时间,例如 和 date-fns 等。这些库提供了更多的日期时间格式化选项,并且可以兼容不同的浏览器和环境。
const date = new Date();
(moment(date).format('YYYY-MM-DD HH:mm:ss')); // 2023-02-18 21:49:05
((date, 'yyyy-MM-dd HH:mm:ss')); // 2023-02-18 21:49:05
以上是几种常用的日期时间格式化方法,在进行日期时间格式化时,可以使用原生的方法、自定义函数或第三方库,选择合适的方法根据实际需要进行格式化。
二、日期和时间的其它常用处理方法
1、创建 Date 对象
要创建一个 Date 对象,可以使用 new Date(),不传入任何参数则会使用当前时间。也可以传入一个日期字符串或毫秒数,例如:
const now = new Date(); // 当前时间
const date1 = new Date("2023-2-18"); // 指定日期字符串
const date2 = new Date(1640995200000); // 指定毫秒数
2、日期和时间的获取
Date 对象可以通过许多方法获取日期和时间的各个部分,例如:
const date = new Date();
const year = (); // 年份,例如 2023
const month = (); // 月份,0-11,0 表示一月,11 表示十二月
const day = (); // 日期,1-31
const hour = (); // 小时,0-23
const minute = (); // 分钟,0-59
const second = (); // 秒数,0-59
const millisecond = (); // 毫秒数,0-999
const weekday = (); // 星期几,0-6,0 表示周日,6 表示周六
3、日期和时间的计算
可以使用 Date 对象的 set 方法来设置日期和时间的各个部分,也可以使用 get 方法获取日期和时间的各个部分,然后进行计算。例如,要计算两个日期之间的天数,可以先将两个日期转换成毫秒数,然后计算它们之间的差值,最后将差值转换成天数,例如:
const date1 = new Date("2022-02-01");
const date2 = new Date("2023-02-18");
const diff = () - (); // 毫秒数
const days = diff / (1000 * 60 * 60 * 24); // 天数
4、日期和时间的比较
可以使用 Date 对象的 getTime() 方法将日期转换成毫秒数,然后比较两个日期的毫秒数大小,以确定它们的顺序。例如,要比较两个日期的先后顺序,可以将它们转换成毫秒数,然后比较它们的大小,例如:
const date1 = new Date("2022-02-02");
const date2 = new Date("2023-02-18");
if (() < ()) {
("date1 在 date2 之前");
} else if (() > ()) {
("date1 在 date2 之后");
} else {
("date1 和 date2 相等");
}
5、日期和时间的操作
可以使用 Date 对象的一些方法来进行日期和时间的操作,例如,使用 setDate() 方法设置日期,使用 setHours() 方法设置小时数,使用 setTime() 方法设置毫秒数等等。例如,要将日期增加一天,可以使用 setDate() 方法,例如:
const date = new Date();
(() + 1); // 增加一天
(()); // 输出增加一天后的日期
6、获取上周、本周、上月和本月的开始时间和结束时间
以下是 JavaScript 获取本周、上周、本月和上月的开始时间和结束时间的代码示例:
// 获取本周的开始时间和结束时间
function getThisWeek() {
const now = new Date();
const day = () === 0 ? 7 : (); // 将周日转换为 7
const weekStart = new Date((), (), () - day + 1);
const weekEnd = new Date((), (), () + (6 - day) + 1);
return { start: weekStart, end: weekEnd };
}
// 获取上周的开始时间和结束时间
function getLastWeek() {
const now = new Date();
const day = () === 0 ? 7 : (); // 将周日转换为 7
const weekStart = new Date((), (), () - day - 6);
const weekEnd = new Date((), (), () - day);
return { start: weekStart, end: weekEnd };
}
// 获取本月的开始时间和结束时间
function getThisMonth() {
const now = new Date();
const monthStart = new Date((), (), 1);
const monthEnd = new Date((), () + 1, 0);
return { start: monthStart, end: monthEnd };
}
// 获取上月的开始时间和结束时间
function getLastMonth() {
const now = new Date();
const monthStart = new Date((), () - 1, 1);
const monthEnd = new Date((), (), 0);
return { start: monthStart, end: monthEnd };
}
上述代码中,getThisWeek()、getLastWeek()、getThisMonth() 和 getLastMonth() 函数分别返回当前时间所在的本周、上周、本月和上月的开始时间和结束时间。这些函数使用了 Date 对象的方法,例如 getFullYear()、getMonth() 和 getDate() 等。它们可以用于获取需要进行时间区间计算的场景,例如统计某个时间范围内的数据等。
使用这些函数获取时间区间的示例:
const thisWeek = getThisWeek();
(); // 本周的开始时间
(); // 本周的结束时间
const lastWeek = getLastWeek();
(); // 上周的开始时间
(); // 上周的结束时间
const thisMonth = getThisMonth();
(); // 本月的开始时间
(); // 本月的结束时间
const lastMonth = getLastMonth();
(); // 上月的开始时间
(); // 上月的结束时间
使用这些函数可以方便地获取需要的时间区间,并进行后续的操作。
7、根据出生日期计算年龄
以下是一个根据出生日期计算年龄的代码示例,包括了对闰年的处理:
function calculateAge(birthDate) {
const birthYear = ();
const birthMonth = ();
const birthDay = ();
const now = new Date();
let age = () - birthYear;
if (() < birthMonth || (() === birthMonth && () < 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(()) && () < 1) {
age--;
}
return age;
}
这个函数接收一个 Date 对象作为参数,代表出生日期。该函数计算当前日期与出生日期之间的时间差,以确定年龄。其中,使用 Date 对象的 getFullYear()、getMonth() 和 getDate() 方法获取出生日期的年、月和日。使用当前日期的年、月和日计算出年龄。如果当前月份小于出生月份,或当前月份等于出生月份但当前日期小于出生日期,则年龄减一。在这个函数中,定义了一个 isLeapYear() 函数,用于检查给定的年份是否为闰年。然后,在计算年龄时,调用这个函数,检查出生年份和当前年份是否为闰年。如果出生年份为闰年且出生月份在二月或之后,则年龄减一。如果当前年份为闰年且当前月份在一月或之前,则年龄减一。这样,就可以正确计算含有闰年的出生日期的年龄了。
这种计算年龄的方法仅是基于当前日期和出生日期之间的时间差,而不是考虑具体的月份和日期。因此,对于生日还未到的人,计算的年龄会比实际年龄小一岁。
使用这个函数计算年龄的示例:
const birthDate = new Date("2000-01-01");
const age = calculateAge(birthDate);
(age); // 33
上述代码中,构造了一个 Date 对象,它代表出生日期。然后调用 calculateAge() 函数,将出生日期作为参数传入。该函数返回当前日期与出生日期之间的时间差,以确定年龄。最后打印计算出的年龄。
8、其他相关的知识点
在使用 Date 对象时,需要注意以下几点:
- 月份从 0 开始,0 表示一月,11 表示十二月;
- getDate() 方法返回的是日期,而 getDay() 方法返回的是星期几;
- Date 对象的年份是完整的四位数,例如 2023;
- 使用 new Date() 创建 Date 对象时,返回的是当前时区的时间,如果需要使用 UTC 时间,可以使用 new Date(())。
JavaScript 中的 Date 对象提供了许多方法和属性,可以用于处理日期和时间,根据具体情况选择适合的方法和技巧。