JavaScript 日期和时间的格式化方法

JavaScript日期和时间的格式化方法

更新时间：2023年02月18日 09:50:51 作者：yuzhihui

这篇文章主要介绍了JavaScript日期和时间的格式化,JavaScript中的Date对象提供了许多方法和属性，可以用于处理日期和时间，根据具体情况选择适合的方法和技巧，需要的朋友可以参考下

目录

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/16/2023, 8:25:05 AM

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

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(); // 将周日转换为 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 };
}
// 获取上周的开始时间和结束时间
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 };
}

上述代码中，getThisWeek()、getLastWeek()、getThisMonth() 和 getLastMonth() 函数分别返回当前时间所在的本周、上周、本月和上月的开始时间和结束时间。这些函数使用了 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 对象时，需要注意以下几点：

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

到此这篇关于JavaScript 日期和时间的格式化的文章就介绍到这了,更多相关js时间格式化内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

LaTeX小技巧——MathType公式导入和Excel表格导入

为了简化学习LaTeX排版论文，今天给大家带来两个小技巧，一个是MathType公式导入技巧，另一个是Excel表格导入技巧，意思就是一旦掌握了这两个小技巧，你的论文排版学习之旅已经跨出了一大步，毕竟数模论文的公式和表格可是很多的。同时，我要说的是，这两个小技巧，只需看一遍，设置好软件就可，毫无技巧可言！！希望大家都能get这两个给小技巧！！

MathType公式导入技巧

公式的打法，你说不会？不熟悉？没关系，MathType相信大家用过吧，MathType的公式可以导入LaTeX中的，对于绝大部分公式，这种方法都是完全OK的，而且只需要简单的几步设置就可以了，这样就和Word敲入MathType公式的方法一模一样，而且能省去很多后期排版的时间，这也可以说是LaTeX的优点之一了。接下来步入正题：

首先你需要有一个MathType软件，本公众号由于某些原因已经删除了该安装包，这个大家自己去晚上下载吧。如果你有了MathType软件，那么打开它，点击预设，选择第一个剪切和复制预设

勾选第二个，下拉选择LaTeX 2.09 and later，然后下面两个不要勾选，点击确定

接下来，你只需要在MathType里编辑公式，然后直接复制粘贴到LaTeX中，就可以了

这里需要注意，粘贴进去后，默认是自动换行居中且没有编号的，如果你需要你的公式出现在段落中，只需要去掉两边的“\[”，“\]”，在两边加上一个“$”就可以了，如果你需要换行居中不编号，则不改它，如果你需要编号就用equation环境

tips：如果公式中有中文，有可能会报错，这里在要出现文字的地方使用\mbox{文字}，就可以了。

下面举个公式的例子，可能有人会怀疑公式导入过去的美观性，这里举个复杂一点的公式吧，如下是二维的正态分布概率密度函数，怎么样，够复杂了吧？

设置好上述的预设之后，直接复制，然后粘贴到LaTeX中，这里我把它放到equation环境中去，并去掉两边的“$$”，在LaTeX中这个公式就是如下代码，你看，是不是极度复杂！！

注：大家不必去搞懂复制粘贴过来的LaTeX公式代码，有了MathType最节约时间的就是这里了，导入过来能运行，知道这是哪个公式就OK！！

再来看一下这个公式的运行结果，可以看到公式自动居中并且编号了，而且在美观上来讲已经非常好了，写到这里又不禁LaTeX排版数学公式的强大了。

另外说一句，如果之后你要将MathType公式复制进Word里面，一定要把上述的预设设置回来！！

Excel表格导入技巧

同样的，表格也可以通过Excel导入到LaTeX里，方法也不难，这里需要一个Excel的一个加载项：Excel2LaTex，这个加载项一般都是没有的，文末给出了该加载项的下载方式，下面谈一下Excel导入表格到LaTeX中的教程。

首先，下载Excel2LaTex加载项，放在任意位置都可，双击该文件，会自动打开Excel，可以在菜单栏看见加载项，点击加载项

注：小编使用的Excel是2019版本的，亲测兼容这个加载项，有关2019Office系列软件的下载与安装，可浏览本公众号的推文：

点击左边白框

点击启用宏

接着跳出如下对话框，下面框选的就是复制，到这里Excel2LaTex加载项就安装完毕！

接下来以一个简单的表格做一个表格导入示例，注意在Excel中要把表格边线之类的都设置好，诸如下列一个简单的表格

设置好表格以后，点击菜单栏的加载项

跳出如下对话框，点击复制

在LaTeX里粘贴，LaTeX代码如下

点击运行，然后你会发现运行出错！！想不到吧，错误的地方我圈出来了，错在哪呢？？

一般来说，你在Excel中设置某些格式的时候，比如颜色，斜体之类的格式，粘贴过来就会出错，这个错误很简单，就是模板里面没有相应的宏包，比如说颜色的宏包是color，如果你的表格设置了颜色就必须在文档的前面加一行\usepackage{color}引用color宏包。这里\bigstrut出错也是没有宏包，只需要在论文前面加上一行\usepackage{bigstrut}，加载宏包，这个宏包是表格多行合并

再次点击运行，看看实际的表格效果图，表格的样式有时候可能有点丑，这个时候需要你进行微调，比如下列表名是自动生成的，你得自己去改。

Excel表格导入技巧就介绍到这里呢，如果粘贴过来出错，就把出错的代码去百度，看缺少哪个宏包，百度格式举例：“latex \bigstrut”。