如何设置特定日期？日期选择器

Question

我有DB mysql，列 date_in 和 date_out

如何设置datepicker以显示仅来自数据库mysql的日期。 我有两个输入与datepicker

<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进行选择。

Answer 1

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

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

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

希望这有帮助。

根据评论：

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

在这里查找代码sample

Answer 2

您可以尝试 jQuery UI Datepicker

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