js 获取昨天日期|极客笔记

js 获取昨天日期

在日常的开发中，经常会遇到需要获取昨天日期的需求，比如制作日历或者进行数据统计分析等。本文将通过JavaScript代码示例，详细解释如何在网页中使用JavaScript获取昨天的日期。

方法一：使用Date对象进行计算

JavaScript中的Date对象可以非常方便地进行日期的计算，可以利用其构造函数和方法来获取昨天的日期。下面是一段简单的代码示例：

// 获取当前日期
var today = new Date();
// 获取昨天的日期
var yesterday = new Date(today);
yesterday.setDate(today.getDate() - 1);

// 格式化日期输出
var yy = yesterday.getFullYear();
var mm = yesterday.getMonth() + 1;
var dd = yesterday.getDate();

// 输出昨天日期
console.log('昨天的日期是：' + yy + '-' + mm + '-' + dd);

运行结果示例：

昨天的日期是：2022-2-24

通过上面的代码，我们成功获取了昨天的日期，方法简单直观，适用于大多数情况。

方法二：使用moment.js库进行处理

除了原生的Date对象方法，我们也可以使用第三方库moment.js来简化日期处理的操作。这个库提供了丰富的API和语义化的时间操作，可以大大提高开发效率。下面是使用moment.js库获取昨天日期的示例代码：

首先需要在项目中引入moment.js库，可以通过CDN方式引入或者本地导入：

<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

接着编写JavaScript代码：

// 使用moment.js获取昨天的日期
var yesterday = moment().subtract(1, 'days').format('YYYY-MM-DD');

// 输出昨天日期
console.log('昨天的日期是：' + yesterday);

运行结果示例：

昨天的日期是：2022-02-24

使用moment.js库可以让日期处理更加简便，代码更加清晰易读，非常适用于需要频繁处理日期的项目中。

方法三：使用ES6语法进行简化

在ES6中，我们可以利用模板字符串和解构赋值等语法糖，进一步简化获取昨天日期的代码。下面是ES6语法的示例代码：

// 获取昨天日期的ES6写法
const today = new Date();
const { yyyy, mm, dd } = {
  yyyy: today.getFullYear(),
  mm: today.getMonth() + 1,
  dd: today.getDate()
};
const yesterday = ` ${yyyy}-$ {mm}- ${dd}`; // 输出昨天日期 console.log(`昨天的日期是：$ {yesterday}`);

运行结果示例：