javascript - 如何设置可用的特定日期？日期选择器

Question

我有带有date_in和date_out列的 DB mysql

如何设置 datepicker 以仅显示数据库 mysql 中的可用日期。我有两个日期选择器输入

<input type="text" name="check_in_date" id="check_in" />
<input type="text" name="chek_out_date" id="check_out" />

例如我有check_in_dates = 10-05-2012, 13-05-2012, ... , n。并且它们必须只能通过 jQuery.datepicker 进行选择。

score 2 · Accepted Answer

jQuery datepicker 有一个 minDate 和 maxDate，所以你可以从 MYSQL 解析你的最大和最小日期并设置日历 minDate 和 maxDate 像：

minDate: new Date(year,month,day),
maxDate: new Date(eyear,emonth,eday)

在这种情况下，您的日历将仅显示所提供地区的日期。

希望这可以帮助。

根据评论：

jQuery datepicker 具有 beforeShowDay，因此现在您可以将数据库中可用的所有日期放在一个数组中，然后在初始化 datepicker 时覆盖 beforeShowDay 方法，检查所选日期是否在数组中，如果不返回则继续。

在此处查找代码示例

score 0 · Accepted Answer

jQuery UI Datepicker 是一个高度可配置的插件，可以为您的页面添加日期选择器功能。您可以自定义日期格式和语言，限制可选日期范围并轻松添加按钮和其他导航选项。

2 回答 2