Diretório de artigos
-
-
-
- 1. Formatação de data e hora
- 2. Outros métodos comuns de processamento de data e hora
-
- 1. Crie um objeto Date
- 2. Aquisição de data e hora
- 3. Cálculo de data e hora
- 4. Comparação de data e hora
- 5. Operação de data e hora
- 6. Obtenha o horário de início e término da semana passada, desta semana, do mês passado, deste mês e deste ano
- 7. Calcule a idade com base na data de nascimento
- 8. Outros pontos de conhecimento relacionados
-
-
1. Formatação de data e hora
1. Método nativo
【1】toLocaleString
Método de uso
//Date 对象有一个 toLocaleString 方法,该方法可以根据本地时间和地区设置格式化日期时间。例如:
//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
【2】Usar Intl.DateTimeFormat
objeto
//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 AM
const 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. Use métodos de manipulação de strings
//可以使用字符串操作方法来将日期时间格式化为特定格式的字符串。例如:
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. Funções de formatação personalizadas
[1] Funções de formatação que não podem especificar um formato
//可以编写自定义函数来格式化日期时间。例如:
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 函数,用于格式化日期时间并补齐数字。可以根据需要修改格式,因此通用性较低。
[2] Função de formatação que pode especificar o formato
//下面是一个通用较高的自定义日期时间格式化函数的示例:
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. Use bibliotecas de terceiros
//除了原生的方法外,还有很多第三方库可以用来格式化日期时间,例如 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
//以上是几种常用的日期时间格式化方法,在进行日期时间格式化时,可以使用原生的方法、自定义函数或第三方库,选择合适的方法根据实际需要进行格式化。
2. Outros métodos comuns de processamento de data e hora
1. Crie um objeto Date
Para criar um objeto Date, você pode usar new Date(), sem passar nenhum parâmetro usará a hora atual. Uma string de data ou milissegundos também pode ser passada, por exemplo:
const now = new Date(); // 当前时间
const date1 = new Date("2022-01-01"); // 指定日期字符串
const date2 = new Date(1640995200000); // 指定毫秒数
2. Aquisição de data e hora
Um objeto Date pode obter várias partes de uma data e hora por meio de vários métodos, como:
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. Cálculo de data e hora
• Você pode usar o método set do objeto Date para definir as várias partes da data e hora ou usar o método get para obter as várias partes da data e hora e, em seguida, realizar cálculos. Por exemplo, para calcular o número de dias entre duas datas, você pode primeiro converter as duas datas em milissegundos, depois calcular a diferença entre elas e, finalmente, converter a diferença em dias, por exemplo:
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. Comparação de data e hora
Você pode usar o método getTime() do objeto Date para converter uma data em milissegundos e comparar os milissegundos de duas datas para determinar sua ordem. Por exemplo, para comparar a ordem de duas datas, você pode convertê-las em milissegundos e comparar seus tamanhos, por exemplo:
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. Operação de data e hora
Você pode usar alguns métodos do objeto Date para realizar operações de data e hora, por exemplo, use o método setDate() para definir a data, use o método setHours() para definir as horas, use o método setTime() para definir o milissegundos, e assim por diante. Por exemplo, para incrementar uma data em um dia, você pode usar o método setDate(), por exemplo:
const date = new Date();
date.setDate(date.getDate() + 1); // 增加一天
console.log(date.toLocaleDateString()); // 输出增加一天后的日期
6. Obtenha o horário de início e término da semana passada, desta semana, do mês passado, deste mês e deste ano
// 获取本周的开始时间和结束时间
function getThisWeek() {
const now = new Date();
const day = now.getDay() === 0 ? 7 : now.getDay(); // 将周日转换为 7
const 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 };
}
//获取时间区间的示例:
//const thisWeek = getThisWeek();
//console.log(thisWeek.start); // 本周的开始时间
//console.log(thisWeek.end); // 本周的结束时间
// 获取上周的开始时间和结束时间
function getLastWeek() {
const now = new Date();
const day = now.getDay() === 0 ? 7 : now.getDay(); // 将周日转换为 7
const 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 };
}
7. Calcule a idade com base na data de nascimento
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;
}
//使用这个函数计算年龄的示例:
//const birthDate = new Date("1990-01-01");
//const age = calculateAge(birthDate);
//console.log(age); // 33
8. Outros pontos de conhecimento relacionados
Ao utilizar o objeto Date, é preciso ficar atento aos seguintes pontos:
(1) O mês começa em 0, 0 significa janeiro e 11 significa dezembro;
(2) O método getDate() retorna a data, enquanto o método getDay( ) retorna É o dia da semana;
(3) O ano do objeto Date é um número completo de quatro dígitos, como 2023;
(4) Ao usar new Date() para criar um objeto Date, ele retorna o hora no fuso horário atual. Se você precisar usar a hora UTC, poderá usar new Date(Date. UTC())