You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

jQuery UI datepicker动态启用禁用日期作为退房日期的实现问题

jQuery UI datepicker 特殊日期可选状态动态控制问题

我在预订系统中使用 jQuery UI datepicker 组件,界面示例如下:
界面示例
可以看到日期27号默认为禁用状态,现有规则如下:用户选择27号之前的入住日期时,仅可选择27号及之前的日期作为退房日期,不可超出该范围。

被默认禁用的日期仅支持作为退房日期,不可作为入住日期
选择逻辑示例
我已经通过动态设置maxDate参数限制用户无法选择超出范围的退房日期,相关代码如下:

$("#datepicker").datepicker('option', 'maxDate', minDate.toDate());

当前我已经把maxDate设置为27号,但该日期在组件初始化时就被标记为禁用,导致用户无法将其选为退房日期。我需要实现的效果是:当用户选择27号之前的入住日期时,临时启用27号使其可被选择为退房日期;当用户取消选中入住日期时,恢复27号的默认禁用状态。


内容的提问来源于stack exchange,提问作者Jolan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 03:09:01