如何在 Jquery ui 的日期选择器（日历）中禁用过去的日期？ [关闭]答案

【问题标题】：how do i disable the past dates in a datepicker (calendar) in Jquery ui? [closed]如何在 Jquery ui 的日期选择器（日历）中禁用过去的日期？ [关闭]
【发布时间】：2015-07-07 22:02:52
【问题描述】：

我正在开发一个预订系统，我需要使用 Jquery 禁用过去的日期。我已经下载了 JqueryUI 并尝试使用 beforeshowday 功能来禁用过去的日期。

【问题讨论】：

标签： jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

如果您使用 de DatePicker，您可以按如下方式限制日期范围：

$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });

-20 表示前 20 天，maxDate 表示从当天起 1 个月零 10 天。

为了避免用户选择当前使用之前的任何日期：

$("#datepicker").datepicker({ minDate: 0 });

来源：

https://jqueryui.com/datepicker/#min-max

https://api.jqueryui.com/datepicker/#entry-examples

示例

$( "#datepicker" ).datepicker({ minDate: 0 });

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>datepicker demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>     
    <div id="datepicker"></div>          
</body>
</html>

【讨论】：

我在哪里添加这个代码-> $( "#datepicker" ).datepicker({ minDate: 0 });
在您的$(document).ready(function(){ }) 函数中或在您的html 代码之后的<script></script> 标记之间，#datepicker 是您用作日期选择器的元素的ID，在示例中是一个div： <div id="datepicker"></div>。换句话说，无论您使用datepicker() 函数将元素转换为日期选择器，添加{minDate: 0}
非常感谢我让它工作了:)
你是个天才！！！
不，无论如何感谢您将答案标记为已接受。