jQuery UI 日期选择器 maxDate 选项

简介

jQuery UI 是一个流行的 JavaScript 库，提供了一整套丰富的可交互的 UI 组件，其中包括了日期选择器（Datepicker）。Datepicker 能够方便地让用户选择日期并输入到表单中。

maxDate 选项是 Datepicker 组件的一个重要选项之一，它用于设置用户能够选择的最大日期范围。通过设置 maxDate，开发人员可以限制用户选择的日期不能超过指定的最大值。

语法

$(selector).datepicker({
  maxDate: value
});

参数

• value：可选参数，表示最大日期的字符串或 Date 对象。

示例

以下是一个基本的例子，演示了如何使用 maxDate 选项来限制用户选择的最大日期范围为当前日期的一周后：

$(function() {
  $( "#datepicker" ).datepicker({
    maxDate: "+1w"
  });
});

如果要让用户只能选择今天之前的日期，可以使用 maxDate 的值为 -1d：

$(function() {
  $( "#datepicker" ).datepicker({
    maxDate: "-1d"
  });
});

如果想要设置一个固定的最大日期，可以使用 Date 对象作为 maxDate 的值：

$(function() {
  var maxDate = new Date(2022, 11, 31);
  $( "#datepicker" ).datepicker({
    maxDate: maxDate
  });
});

注意：maxDate 默认值为 null，表示没有最大日期限制。

更多关于 maxDate 选项的信息可以参考 jQuery UI 官方文档。

以上就是关于 jQuery UI 日期选择器 maxDate 选项的介绍，希望对你有所帮助！