我目前安装了一个 WordPress 网站,用户可以在其中预订参观我们的设施(我们是一所大学)。我使用 ContactForm7 插件在页面中创建了一个表单,访问者可以在其中输入他们的联系信息,然后可以使用日期选择器字段来选择他们想要游览的具体日期。
我的问题是(我已经搜索了高低的解决方案,但无济于事)有没有办法可以禁用或阻止在表单的这个 datepicker 字段中选择特定日期?例如,有很多天不能参观(即假期和其他旅游人员不在校园的日子),所以我不希望这些日期是可选的。
有没有办法在插件中做到这一点,或者有没有其他方法可以做到这一点,无论是使用脚本还是通过另一个插件?
我的同事向我展示了一个网站,该网站在他们的旅游预订表格中使用了 jQuery/JS datepicker 字段(但这不是 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>
这是我找到它的地方(它看起来像一个插件,在将 datepicker 添加到插件之前使用 datepicker 字段扩展 CF7 ......但我假设它应该仍然可以类似地工作?):https://github。 com/relu/contact-form-7-datepicker/issues/37