0

我目前安装了一个 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

4

2 回答 2

0

您必须访问 FTP 才能在 CF7 文件中的某处放置一个函数。

或者您可能会找到 Wordpress 使用的类并将这些日期过滤掉。

于 2013-08-20T17:17:57.277 回答
0

它可以通过两种类型来完成

  • 设置 mindate 和 maxdate
  • 当您打开日期选择器并更改月份/年份时,它将在该月份和年份的每个日期触发一个 beforeShowDay 事件,您可以使用日期范围数组或对象检查该函数中的每个日期并返回 true 或 false。如果返回错误,则该日期将停用,如果返回为真,则该日期将处于活动状态

查看此链接: http: //jqueryui.com/demos/datepicker/#inline http://jqueryui.com/demos/datepicker/#min-max

描述是这样说的:“将开始日期和结束日期设置为实际日期 (new Date(2009, 1 - 1, 26)),作为从今天开始的数字偏移量 (-20),或者作为一串句点和单位 (' +1M +10D')"

于 2013-08-20T17:19:49.990 回答