如何设置特定的可用日期？日期选择器答案

【问题标题】：how to set a specific date to be available? datepicker如何设置特定的可用日期？日期选择器
【发布时间】：2012-04-13 14:31:49
【问题描述】：

我有 DB mysql，列 date_in 和 date_out

如何设置 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 进行选择。

【问题讨论】：

【解决方案1】：

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

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

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

希望这会有所帮助。

根据 cmets：

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

在此处查找代码sample

【讨论】：

【解决方案2】：

你可以试试jQuery UI Datepicker

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

【讨论】：