jQuery DatePicker 将今天作为 maxDate

JS

使用jQuery DatePicker设置今天为最大日期

在网页开发中，经常会遇到需要为用户选择日期的情况。为了提供更好的用户体验，我们可以使用jQuery DatePicker插件来实现一个日期选择器。而在某些情况下，我们希望用户只能选择今天或今天之前的日期，那么该如何设置呢？

jQuery DatePicker是一个功能强大且易于使用的日期选择插件，它能够快速地为网页添加一个交互式的日期选择器。我们可以通过设置maxDate选项来限制用户选择的最大日期。

在本文中，我们将介绍如何 来详细讲解如何将今天设置为最大日期，并提供一个案例代码来演示该功能。

案例代码：

html
<!DOCTYPE html>
<html>
<head>
  <title>使用jQuery DatePicker设置最大日期</title>
  <link rel="stylesheet" class="url" target="_blank" rel="nofollow noreferrer" href="/to/?target=https://cdnJS.cloudflare.com/Ajax/libs/jqueryui/1.12.1/jquery-ui.min.CSS">
  <script src="https://cdnJS.cloudflare.com/Ajax/libs/jquery/3.6.0/jquery.min.JS"></script>
  <script src="https://cdnJS.cloudflare.com/Ajax/libs/jqueryui/1.12.1/jquery-ui.min.JS"></script>
  <script>
    $(function() {
      $("#datepicker").datepicker({
        maxDate: 0
      });
    });
  </script>
</head>
<body>
  <h1>使用jQuery DatePicker设置最大日期</h1>
  <label for="datepicker">选择日期:</label>
  <input type="text" id="datepicker">
</body>
</html>

在上面的代码中，我们首先引入了jQuery和jQuery UI的库文件。然后，在页面加载完成后，我们使用datepicker()方法来初始化日期选择器。在datepicker()方法中，我们设置了maxDate选项为0，意味着用户只能选择今天或今天之前的日期。

如何设置今天为最大日期：

要将今天设置为最大日期，我们只需要将maxDate选项的值设置为0即可。这样用户就无法选择今天之后的日期，只能选择今天或今天之前的日期。

案例演示：

当我们运行上面的示例代码时，将会在页面上看到一个日期选择框。用户可以点击该框来选择日期，但是无法选择今天之后的日期。

：

通过使用jQuery DatePicker，我们可以很方便地设置今天为最大日期，从而限制用户选择的范围。这对于某些需要确保日期正确性的应用场景非常有用，例如预约系统、活动报名等。希望本文能够帮助到你，如果有任何问题，请随时在评论区留言。