JS日期格式化|极客笔记

JS日期格式化

在前端开发中，经常会涉及到日期的处理和展示。JavaScript提供了丰富的日期处理方法，可以方便地对日期进行格式化。本文将介绍如何使用JavaScript对日期进行格式化，使其符合我们的需求。

获取当前日期时间

在开始对日期进行格式化之前，首先需要获取当前日期时间。JavaScript提供了内置的Date对象，可以直接实例化一个Date对象来获取当前日期时间。

let currentDate = new Date();
console.log(currentDate);

上述代码会输出当前日期时间的完整信息，包括年、月、日、时、分、秒等。

日期格式化函数

为了让日期按照我们的需求进行展示，我们需要编写一个日期格式化的函数。以下是一个简单的日期格式化函数，可以根据传入的日期对象和格式化字符串，返回格式化后的日期字符串。

function formatDate(date, format) {
    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 format
        .replace('YYYY', year)
        .replace('MM', month.toString().padStart(2, '0'))
        .replace('DD', day.toString().padStart(2, '0'))
        .replace('HH', hours.toString().padStart(2, '0'))
        .replace('mm', minutes.toString().padStart(2, '0'))
        .replace('ss', seconds.toString().padStart(2, '0'));
}

上述函数接受两个参数，一个是日期对象，一个是格式化字符串。格式化字符串中可以使用以下占位符：

YYYY：四位年份
MM：两位月份
DD：两位日期
HH：两位小时
mm：两位分钟
ss：两位秒钟

使用示例

接下来我们用一个示例来演示如何使用上述的日期格式化函数，并进行格式化展示。

// 实例化一个Date对象
let currentDate = new Date();

// 格式化日期时间
let formattedDate = formatDate(currentDate, 'YYYY-MM-DD HH:mm:ss');

console.log(formattedDate);

通过上述代码，我们得到了一个按照指定格式显示的当前日期时间，例如”2021-05-06 14:30:25″。