js怎么让日期只显示年月日

在JavaScript中，可以通过多种方式让日期只显示年月日。最简单的方法包括使用内置的Date对象、格式化方法和外部库。具体方法如下：使用Date对象、格式化日期字符串、借助外部库。下面，我们详细解释如何实现这些方法。

一、使用Date对象

JavaScript的Date对象提供了各种方法来获取日期和时间的不同部分。通过这些方法，我们可以轻松地获取并格式化只包含年月日的日期。

let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1; // 月份从0开始，需要加1
let day = date.getDate();
month = month < 10 ? '0' + month : month; // 补零
day = day < 10 ? '0' + day : day; // 补零
let formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 输出格式为：YYYY-MM-DD

二、格式化日期字符串

我们可以借助JavaScript的字符串操作功能，将日期对象转换为我们所需要的格式。这种方法灵活性高，但需要手动处理日期的格式化。

let date = new Date();
let formattedDate = date.toISOString().split('T')[0];
console.log(formattedDate); // 输出格式为：YYYY-MM-DD

三、借助外部库

使用外部库如Moment.js可以简化日期处理和格式化。虽然Moment.js已经被推荐停止使用，但它依然是一个强大的工具。以下是如何使用Moment.js来格式化日期：

// 需要先引入Moment.js库
// <script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
let date = moment().format('YYYY-MM-DD');
console.log(date); // 输出格式为：YYYY-MM-DD

四、使用Intl.DateTimeFormat

JavaScript的Intl.DateTimeFormat对象可以用于国际化的日期时间格式化。使用这个对象，可以轻松地实现只显示年月日的日期格式。

let date = new Date();
let options = { year: 'numeric', month: '2-digit', day: '2-digit' };
let formattedDate = new Intl.DateTimeFormat('en-GB', options).format(date);
console.log(formattedDate); // 输出格式为：DD/MM/YYYY

五、总结

在本文中，我们讨论了几种在JavaScript中让日期只显示年月日的方法，包括使用Date对象、格式化日期字符串、借助外部库和使用Intl.DateTimeFormat。每种方法都有其优点和适用场景，选择哪种方法取决于具体需求和项目的复杂性。

对于简单的日期格式化任务，使用内置的Date对象和字符串操作即可满足需求。而在需要处理复杂的日期和时间操作时，借助外部库如Moment.js会更加方便和高效。

无论选择哪种方法，关键是要确保代码的可读性和维护性，以便在项目的后续开发中能够快速理解和修改日期处理逻辑。