jQuery + Moment.js：从日期获取星期几名称-JavaScript中文网-JavaScript教程资源分享门户

在开发 Web 应用程序时，我们经常需要处理日期和时间。Moment.js 是一个流行的 JavaScript 库，它使得处理日期和时间变得更加容易和方便。而结合 jQuery,我们可以更快速地操控DOM元素。在本文中，我们将讨论如何使用 jQuery 和 Moment.js 从日期中获取星期几名称。

安装 Moment.js

要使用 Moment.js，我们需要先从官方网站或npm进行安装。以下是通过npm安装的方法：

npm install moment --save

然后，我们需要将 Moment.js 添加到项目中。我们可以在 HTML 文件中使用以下代码来添加 Moment.js：

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

或者，如果您已经将 Moment.js 安装为依赖项，则可以使用以下代码：

<script src="./node_modules/moment/min/moment.min.js"></script>

使用 Moment.js 获取日期和星期几名称

现在，我们已经安装了 Moment.js，我们可以开始使用它来获取日期和星期几名称。对于此任务，我们将使用 Moment.js 的 format() 方法和 day() 方法。

获取当前日期和星期几名称

首先，让我们看一下如何使用 Moment.js 获取当前日期和星期几名称。以下是示例代码：

$(document).ready(function() {
  var now = moment();
  var formattedDate = now.format("YYYY-MM-DD");
  var dayName = now.format("dddd");

  $("#current-date").text(formattedDate);
  $("#day-name").text(dayName);
});

在上面的示例中，我们使用 Moment.js 的 now() 方法获取当前日期和时间。然后，我们使用 format() 方法来将日期格式化为 YYYY-MM-DD 格式和星期几名称格式化为 dddd 格式。最后，我们使用 jQuery 将日期和星期几名称显示在 HTML 页面上。

获取指定日期和星期几名称

除了获取当前日期和星期几名称之外，我们还可以使用 Moment.js 获取指定日期的星期几名称。以下是示例代码：

$(document).ready(function() {
  var date = "2023-04-07";
  var formattedDate = moment(date).format("YYYY-MM-DD");
  var dayName = moment(date).format("dddd");

  $("#selected-date").text(formattedDate);
  $("#day-name-selected").text(dayName);
});

在上面的示例中，我们创建了一个名为 date 的变量，并将其设置为指定日期。然后，我们使用 Moment.js 的 moment() 方法将日期转换为 Moment 对象。随后，我们使用 format() 方法将日期格式化为 YYYY-MM-DD 格式和星期几名称格式化为 dddd 格式。最后，我们使用 jQuery 将日期和星期几名称显示在 HTML 页面上。

总结

在本文中，我们介绍了如何使用 jQuery 和 Moment.js 从日期中获取星期几名称。我们首先安装了 Moment.js，并使用其 format() 和 day() 方法来获取日期和星期几名称。我们还提供了示例代码，以便您可以将其应用于自己的项目中。希望这篇文章对您有所帮助！

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/27686