我目前已經安裝了一個WordPress站點,用戶可以在這裏預訂我們設施的遊覽(我們是一所大學)。我已經使用ContactForm7插件在頁面中創建一個表單,訪問者可以輸入他們的聯繫信息,然後使用日期選擇器字段選擇他們想要參加的特定日期。WordPress的ContactForm7 datepicker字段 - 禁用/阻止特定日期?
我的問題是(我已經搜索了高和低的解決方案,但無濟於事)是否有一種方法,我可以禁用或阻止特定的日期被選中在這個datepicker字段的形式?例如,有幾天沒有可用的旅行(假期和其他旅遊人員不在校期間),所以我不希望這些日期可以選擇。
有沒有辦法在插件中做到這一點,或者有沒有其他的方式可以做到這一點,無論是使用腳本還是通過其他插件?
我的同事向我展示了一個在其旅遊預訂表單中使用jQuery/JS datepicker字段的網站(但這不是WordPress/ContactForm7表單),並且它們能夠在旅行不可用時阻止特定日期,所以我假設它應該是可能的......不知何故。
任何幫助將不勝感激! :)
編輯:
我發現下面的代碼和網站聽起來像它會做的正是我要找的(使用類似下面它看起來像一個答案的方法),但我無法真正弄清楚如何將其添加到我的網站,以便它的工作。我已經將它添加到了我的主題的header.php文件中,並且已將ID設置爲「#DisabledDates」 - 這也是我在表單中將datepicker字段ID設置爲...但我設置爲「不可用日期」的日期仍然可以選擇...任何想法?
<?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與之前的日期選擇器被添加到插件一個datepicker領域擴展插件...但我假設它應該仍然工作同樣?):https://github.com/relu/contact-form-7-datepicker/issues/37
嗨喬希,謝謝你的迴應。我對CF7文件不是很熟悉(我只是把它作爲一個插件安裝) - 有什麼想法可以去?那功能會是什麼樣子? – Iconoclast