博客

jQuery UI的日期选择器小部件提供了许多选项，可以自定义日期选择器的外观和行为。其中，maxDate选项用于指定可选择的最大日期。本文将详细介绍maxDate选项的语法和用法，并提供两个示例说明。

语法

以下是maxDate选项的基本语法：

$(selector).datepicker({
  maxDate: "yyyy-mm-dd"
});

在这个语法中，selector是要应用日期选择器的元素选择器。yyyy-mm-dd是要指定的最大日期。

示例1：指定最大日期

以下是一个示例，演示如何指定可选择的最大日期：

$( "#datepicker" ).datepicker({
  maxDate: "2023-05-31"
});

在这个示例中，我们使用maxDate选项指定了可选择的最大日期为2023年5月31日。

示例2：禁用未来日期

以下是另一个示例，演示如何禁用未来日期：

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

在这个示例中，我们使用maxDate选项将可选择的最大日期设置为当前日期，这将禁用未来日期的选择。

综上所述maxDate选项用于指定可选择的最大日期。本文详细介绍了maxDate选项的语法和用法，并提供了两个示例说明。