jQuery UI Datepicker minDate选项

  • Post category:jquery

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

语法

以下是minDate选项的基本语法:

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

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

示例1:指定最小日期

以下是一个示例,演示如何指定可选择的最小日期:

$( "#datepicker" ).datepicker({
  minDate: "2023-05-01"
});

在这个示例中,我们使用minDate选项指定了可选择的最小日期为2023年5月日。

示例2:禁用过去日期

以下是另一个示例,演示如何禁用过去日期:

javascript
$( “#datepicker” ).({
minDate: 0
});
“`

在这个示例中,我们使用minDate选项将可选择的最小日期设置为当前日期,这将禁用过去日期的选择。

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