【发布时间】：2013-08-22 20:34:31
【问题描述】：
我目前安装了一个 WordPress 网站，用户可以在其中预订参观我们的设施（我们是一所大学）。我使用 ContactForm7 插件在页面中创建了一个表单，访问者可以在其中输入他们的联系信息，然后可以使用日期选择器字段来选择他们想要游览的具体日期。
我的问题是（我已经搜索了高低的解决方案，但无济于事）有没有一种方法可以禁用或阻止在表单的此 datepicker 字段中选择特定日期？例如，有很多天不能参观（即假期和其他参观人员不在校园的日子），所以我不希望这些日期是可选的。
有没有办法在插件中做到这一点，或者有没有其他方法可以做到这一点，无论是使用脚本还是通过另一个插件？
我的同事向我展示了一个网站，该网站在他们的旅游预订表单中使用了 jQuery/JS 日期选择器字段（但这不是 WordPress/ContactForm7 表单），并且他们能够在旅游不可用时阻止特定日期，所以我'我假设它应该是可能的......不知何故。
任何帮助将不胜感激！ :)
编辑：
我找到了下面的代码，网站听起来就像我正在寻找的那样（使用类似于下面的答案之一的方法）但我真的不知道如何添加它到我的网站，以便它工作。我已将它添加到我的主题的 header.php 文件中，并将 id 设置为“#DisabledDates” - 这也是我在表单上设置的 datepicker 字段 id ......但是我为“unavailableDates”设置的日期仍然可以选择...有什么想法吗？
<?php if ($post->ID==16) { ?>
<script type="text/javascript">
var unavailableDates = ["9-5-2013", "10-5-2013", "11-5-2013", "12-5-2013", "13-5-2013", "14-5-2013", "15-5-2013", "16-5-2013", "17-5-2013", "18-5-2013", "19-5-2013", "20-5-2013", "21-5-2013", "22-5-2013", "23-5-2013", "24-5-2013"];
jQuery(function($){
$( "#DisabledDates" ).datepicker({
minDate: 5,
beforeShowDay: function(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Unavailable"];
}
}
});
});
</script>
这是我找到它的地方（它看起来像一个插件，在将日期选择器添加到插件之前，它可以使用日期选择器字段扩展 CF7 ......但我假设它仍然应该类似地工作？）：https://github.com/relu/contact-form-7-datepicker/issues/37
【问题讨论】：
标签： javascript jquery wordpress datepicker contact-form-7