摘要：在本文中，我们将通过编写一个简单的JavaScript函数来实现一个动态日期的功能，这个函数可以获取当前的日期并将其格式化为特定的格式。
一、引言
JavaScript是一种流行的编程语言，广泛应用于Web开发。它提供了许多内置函数，可以帮助我们轻松地处理日期和时间。在本文中，我们将编写一个JavaScript函数，该函数将获取当前的日期并将其格式化为特定的格式。
二、实现动态日期功能
要实现动态日期功能，我们需要使用JavaScript的Date对象。Date对象可以获取当前的日期和时间，并且可以对其进行格式化。下面是一个简单的JavaScript函数，该函数将获取当前的日期并将其格式化为"yyyy-MM-dd"的格式：
function getCurrentDate() { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; // getMonth()函数返回的月份从0开始计数，因此需要加1 var day = date.getDate(); var formattedDate = year + "-" + month + "-" + day; return formattedDate; }
这个函数首先创建一个Date对象，然后使用getFullYear()、getMonth()和getDate()方法获取当前日期的年、月和日。最后，我们将年、月和日连接成一个字符串，并将其作为函数的返回值。
三、使用动态日期功能
要使用这个函数，我们只需要在HTML页面中调用它，并将返回的日期显示在页面上。下面是一个简单的HTML示例：
<!DOCTYPE html> <html> <head> <title>动态日期示例</title> </head> <body> <p id="date"></p> <script src="script.js"></script> </body> </html>
在上面的HTML页面中，我们创建了一个段落元素，其id属性为"date"。然后，我们在<script>标签中引入了一个名为"script.js"的JavaScript文件。在"script.js"文件中，我们将编写一个简单的JavaScript代码来调用getCurrentDate()函数并将返回的日期显示在页面上：
document.addEventListener("DOMContentLoaded", function() { var dateElement = document.getElementById("date"); var currentDate = getCurrentDate(); dateElement.innerText = "当前日期：" + currentDate; });
这个JavaScript代码首先等待页面加载完成，然后获取id为"date"的元素，并调用getCurrentDate()函数获取当前日期。最后，我们将当前日期显示在页面上。
