如何设置特定日期可用?日期选择器

how to set a specific date to be available? datepicker

本文关键字：日期选择器何设置设置更新时间：2023-09-26

我有数据库mysql，列date_in和date_out

如何将日期选择器设置为仅显示数据库 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进行选择。

jQuery datepicker有一个minDate和maxDate，所以你可以从MYSQL解析你的max和mindate，并设置日历minDate和maxDate，如下所示：

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

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

希望这有帮助。

根据评论：

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

在此处查找代码示例

你可以试试 jQuery UI Datepicker

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