Javascript日期格式化format函数的使用方法

下面是关于Javascript日期格式化format函数的使用方法的完整攻略。

格式化函数介绍

JavaScript 提供了一个内置的 Date 对象，它用于处理日期和时间。该对象提供了许多方法来操作日期和时间，并且通过使用格式化函数可以将日期和时间格式化显示。

JavaScript 中内置的日期格式化函数为 toLocaleDateString() 和 toLocaleTimeString()，但是这两个函数的格式化能力非常有限，只能使用浏览器的默认语言进行格式化。所以我们需要选择其他的方式进行实现。其中，moment.js 和 date-fns.js 是比较受欢迎的日期处理库，这里主要介绍 date-fns.js 中的 format() 方法。

format() 方法使用方法

format() 方法可以将一个日期对象格式化成指定格式的字符串。它接受两个参数：需要格式化的日期对象和格式化字符串。

格式化字符串由几个不同的标志符组成，每个标志符表示一个特定的时间或日期组件，例如年、月、日、小时、分钟等等。格式化字符串中标志符的顺序和分隔符是非常重要的。

下面是一些常用的标志符及其含义：

• yyyy：四位数的年份，例如：2019
• yy：两位数的年份，例如：19
• MM：两位数的月份，例如：01
• M：一位数或两位数的月份，例如：1 或 01
• dd：两位数的日期，例如：05
• d：一位数或两位数的日期，例如：5 或 05
• HH：24 小时制的小时，例如：00 或 23
• H：12 小时制的小时，例如：0 或 11
• mm：两位数的分钟，例如：03 或 38
• m：一位数或两位数的分钟，例如：3 或 38
• ss：两位数的秒数，例如：01 或 59
• s：一位数或两位数的秒数，例如：1 或 59
• SSS：毫秒数，例如：001 或 999
• a：上午或下午标记，例如：AM 或 PM

下面是一个简单的例子，展示如何将一个日期对象格式化成指定的格式：

import { format } from 'date-fns';

const date = new Date();
const formattedDate = format(date, 'yyyy/MM/dd HH:mm:ss');

console.log(formattedDate);
// 输出格式为：2022/01/01 09:00:00

上面的代码将当前时间格式化成指定的格式，并将格式化的结果输出到控制台。format() 方法的第一个参数是需要格式化的日期对象，这里使用 new Date() 创建了一个当前时间的日期对象。第二个参数是格式化字符串，这里使用了 yyyy/MM/dd HH:mm:ss，表示日期的年月日以及时间的小时、分钟和秒数。

除了直接书写标志符以外，format() 方法还支持自定义格式函数来对日期进行格式化。下面是一个展示如何自定义一个格式函数的例子：

import { format } from 'date-fns';

const date = new Date();
const formattedDate = format(date, (date) => {
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();
  const hours = date.getHours();
  const minutes = date.getMinutes();
  const seconds = date.getSeconds();
  return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
});

console.log(formattedDate);
// 输出格式为：2022/01/01 09:00:00

上面的代码使用了一个自定义的格式化函数，将日期格式化成了 “yyyy/MM/dd HH:mm:ss” 格式。该函数接受一个日期对象作为参数，并从中提取了年月日、小时、分钟和秒数，然后将它们组成一个字符串。

结束语

至此，关于 Javascript 日期格式化 format() 函数的完整攻略介绍完毕。format() 方法非常实用，可以让我们方便地将日期格式化成指定格式的字符串，同时提升了用户体验。如果在开发中需要进行日期格式化处理，可以尝试使用该方法。