jquery 获取当前年月

原创

mob64ca12d32849 2023-10-29 05:04:27 ©著作权

文章标签 jQuery javascript 赋值 文章分类 jQuery 前端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12d32849的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用jQuery获取当前年月

jQuery是一个流行的JavaScript库，它提供了简化DOM操作、事件处理、动画效果等功能。在许多网站开发中，我们经常需要获取当前的年份和月份。本文将介绍如何使用jQuery来获取当前的年份和月份，并提供代码示例。

获取当前年份

要获取当前的年份，可以使用Javascript的Date对象。首先，我们创建一个Date对象，并使用getFullYear方法来获取当前的年份。然后，我们可以使用jQuery来将年份显示在网页中。

var date = new Date();
var year = date.getFullYear();

$("#year").text(year);

在上面的代码中，我们首先创建了一个Date对象，并将当前日期赋值给变量date。然后，我们使用getFullYear方法来获取当前的年份，并将其赋值给变量year。最后，我们使用$("#year")来选中一个具有id为"year"的元素，并使用text方法将年份显示在该元素中。

获取当前月份

获取当前的月份与获取当前的年份类似。我们可以使用getMonth方法来获取月份，并将其加1，因为getMonth方法返回的是从0到11的整数，而不是实际的月份数字。

var month = date.getMonth() + 1;

$("#month").text(month);

在上面的代码中，我们使用getMonth方法获取当前的月份，并将其加1。然后，我们使用$("#month")来选中具有id为"month"的元素，并使用text方法将月份显示在该元素中。

完整示例

下面是一个完整的示例，演示了如何使用jQuery获取当前的年份和月份，并将它们显示在网页中。

<!DOCTYPE html>
<html>
<head>
  <title>当前年份和月份</title>
  <script src="
</head>
<body>
  当前年份和月份
  <p>当前年份：<span id="year"></span></p>
  <p>当前月份：<span id="month"></span></p>

  <script>
    $(document).ready(function() {
      var date = new Date();
      var year = date.getFullYear();
      var month = date.getMonth() + 1;

      $("#year").text(year);
      $("#month").text(month);
    });
  </script>
</body>
</html>

在上面的示例中，我们在head标签中引入了jQuery库。然后，在body标签中，我们创建了一个h1标题和两个p段落。每个段落中都有一个span元素，它们的id分别为"year"和"month"。最后，我们使用jQuery在document.ready事件中的函数中获取当前的年份和月份，并将它们显示在相应的span元素中。