js获取今天的日期|极客笔记

js获取今天的日期

在前端开发中，经常会遇到需要获取当前日期的需求，比如在日历应用中标记今天的日期，或者在表单中填写默认日期等。Javascript提供了很多方法来获取当前日期，今天我们就来详细介绍一下如何使用JS获取今天的日期。

1. 使用Date对象

Javascript中的Date对象可以帮助我们获取当前日期和时间。我们可以简单地使用new Date()来创建一个Date对象，然后调用相应的方法来获取年月日等信息。

// 创建一个Date对象
const today = new Date();

// 获取年份
const year = today.getFullYear();

// 获取月份（注意：月份是从0开始的）
const month = today.getMonth() + 1;

// 获取日期
const date = today.getDate();

// 将获取的日期信息拼接成字符串
const todayStr = ` ${year}-$ {month}-${date}`;

console.log(todayStr);

上面这段代码中，我们首先创建了一个Date对象today，然后通过调用getFullYear()、getMonth()和getDate()方法分别获取了当前的年份、月份和日期，并将它们拼接成了一个字符串。执行以上代码，我们就可以得到当前的日期。

2. 格式化日期

虽然我们已经成功获取了今天的日期，但是日期的格式可能不太符合我们的需求。我们可以使用一些方法来格式化日期，比如将月份和日期补零，或者输出中文格式的日期。

// 格式化日期函数
function formatDate(date) {
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const day = date.getDate();

    // 补零操作
    const monthStr = month < 10 ? `0 ${month}` : month; const dayStr = day<10 ? `0$ {day}` : day;

    return ` ${year}年$ {monthStr}月${dayStr}日`;
}

// 创建一个Date对象
const today = new Date();

// 格式化日期
const formattedDate = formatDate(today);

console.log(formattedDate);

在这段代码中，我们定义了一个formatDate函数，接受一个Date对象作为参数，然后将年月日分别处理成我们需要的格式，并返回一个格式化后的日期字符串。最后我们再次获取当前的日期并调用formatDate函数进行格式化，就可以得到中文格式的今天日期了。

3. 使用第三方库

除了原生的Date对象外，我们还可以使用一些第三方库来简化日期操作。比如moment.js是一个功能强大的日期处理库，可以帮助我们轻松地操作日期。

// 使用moment.js库
const today = moment().format('YYYY-MM-DD');

console.log(today);

上面这段代码中，我们使用了moment()函数来获取当前的日期，然后调用format()方法指定日期的输出格式。执行以上代码，我们同样可以得到今天的日期。

结语

通过以上几种方法，我们可以轻松地获取今天的日期，并且可以根据需求自定义日期的格式。在实际的项目开发中，根据具体情况选择合适的方法来处理日期是非常重要的。

js获取今天的日期