插件窝 干货文章 js如何获得时间格式化

js如何获得时间格式化

格式化 date strong 输出 473    来源:    2024-10-23
javascript 可通过多种方式格式化日期和时间:date 对象:tolocaledatestring() 和 tolocaletimestring() 方法。moment.js 库:提供高级格式化选项。intl 对象:跨浏览器的日期和时间格式化。自定义格式化:使用 tostring() 方法自定义格式化。

如何使用 JavaScript 格式化时间

JavaScript 提供了多种方法来格式化日期和时间:

使用 Date 对象:

let date = new Date();
let formattedDate = date.toLocaleDateString(); // 输出:2023-03-08
let formattedTime = date.toLocaleTimeString(); // 输出:10:34:56 AM

使用 moment.js 库:

如果您需要更高级的时间格式化选项,可以使用 moment.js 库:

import moment from 'moment';
let date = moment();
let formattedDate = date.format("YYYY-MM-DD"); // 输出:2023-03-08
let formattedTime = date.format("h:mm:ss a"); // 输出:10:34:56 AM

使用 Intl 对象:

Intl 对象提供了一种跨浏览器的 JavaScript 日期和时间格式化方式:

let date = new Date();
let formattedDate = new Intl.DateTimeFormat('en-US').format(date); // 输出:3/8/2023
let formattedTime = new Intl.DateTimeFormat('en-US', {timeStyle: 'short'}).format(date); // 输出:10:34 AM

自定义格式化:

您还可以使用 JavaScript 的 toString() 方法自定义时间的格式化:

let date = new Date();
let formattedDate = date.toString(); // 输出:Wed Mar 08 2023 10:34:56 GMT+0800 (China Standard Time)
let formattedTime = date.toUTCString(); // 输出:Wed, 08 Mar 2023 02:34:56 GMT

注意:

  • 使用 toLocaleDateString() 和 toLocaleTimeString() 方法时,格式化取决于用户的浏览器设置。
  • moment.js 库需要单独安装。
  • Intl 对象在较旧浏览器中可能不可用。