如何在 jQuery UI 中禁用日期选择器？

在使用 jQuery UI 的日期选择器时，有时需要禁用它以防止用户选择日期。下面是在 jQuery UI 中禁用日期选择器的方法。

方法一：设置输入框为只读

最简单的方法是将输入框设置为只读。这可以防止用户输入日期，也可以防止他们使用日期选择器。

<input type="text" id="datepicker" readonly>

注意，这不是一个完美的解决方案，因为用户仍然可以通过复制和粘贴来输入日期。

方法二：禁用日期选择器组件

更可靠的方法是禁用日期选择器组件本身。要做到这一点，我们可以设置组件的 disabled 选项为 true。

$("#datepicker").datepicker({
  disabled: true
});

这会禁用日期选择器按钮，并防止用户选择日期。

方法三：使用 CSS

还可以使用 CSS 来禁用日期选择器按钮，并防止用户选择日期。

.ui-datepicker-trigger { 
  display: none; 
}

这会隐藏日期选择器按钮，从而禁用它。

总结

这是三种在 jQuery UI 中禁用日期选择器的方法。选择其中一种根据你的实际需求实现。