cf7的日期選擇器不能在firefox中工作

Question

我是一個名爲的插件聯繫表格7對於聯繫我們頁面。我有日期選擇器。它不是在Firefox中工作，而是在Chrome中工作。我該如何解決這個錯誤？任何人都可以解決這個問題嗎？

Answer 1

聯繫表7爲此使用HTML5，某些瀏覽器不支持Datepicker等功能。以下答案來自FAQ頁面http://contactform7.com/faq/

聯繫表單7是否支持HTML5輸入類型？

是的。聯繫表格7 3.4及更高版本支持與 這些HTML5輸入類型相對應的表格標籤：電子郵件，電話，網址，號碼，範圍和日期。

如果你不希望使用HTML5輸入類型，你可以通過 禁用此添加以下代碼到你的主題的functions.php文件：1周

的add_filter（「wpcf7_support_html5」，「__return_false」）;

請注意，即使最新的瀏覽器部分支持HTML5。例如，對於 示例，最新的Firefox不支持日期輸入類型（ 允許您從日曆用戶界面中選擇日期）和 數字輸入類型（允許您從 spinbox UI中輸入數字值）但是 - 所以Firefox提供了一個通用文本輸入字段，作爲 備用，而不是日曆和Spinnerbox UI。這可能會混淆用戶 ，因爲他們無法檢測此字段預期的輸入值類型。 因此，您可能會覺得等待所有瀏覽器完全支持 所有HTML5功能會更好。

但是你不需要等待！聯繫表格7提供了更好的解決方案。 Contact Form 7能夠爲日期和數字輸入字段提供基於jQuery UI的回退。通過使用此解決方案，即使使用Firefox或Internet Explorer，也可以分別爲日期字段和數字字段 提供 日曆界面。

默認情況下，此備用功能處於禁用狀態，因爲它加載了額外的 對於使用日期或數字輸入字段的網站，JavaScript和CSS（使性能較差）僅對 必需。 如果使用日期或數字輸入字段，並且希望使用這個jQuery 基於UI的回退功能，添加以下代碼到你的主題的 functions.php文件，並激活該功能：1周

的add_filter（「wpcf7_support_html5_fallback」 ，'__return_true'）;

所以你的情況增加 的add_filter（ 'wpcf7_support_html5_fallback'， '__return_true'）; 將工作，如果你安裝jQuery UI，你可以在這裏找到：https://jqueryui.com/

Answer 2

@Christophvh的答案是正確的，但不完整。 datepicker日曆在這裏但不可見。有接縫是jquery datepicker中的一個錯誤，它設置了一個不正確的z-index值，從而使日曆隱藏在表單後面。

這是我如何做它的工作：

1）啓用WCF7回落，但是通過把這個代碼片斷中把這個代碼片段在你的主題functions.php文件

add_filter('wpcf7_support_html5_fallback', '__return_true'); 

2）修正錯誤的主題functions.php文件，或通過編輯你的主題CSS如果你知道如何：

add_action('wp_head', 'replacethiswithyourthemename_wcf7_datepickerfix'); 
function replacethiswithyourthemename_wcf7_datepickerfix(){ 
    ?><style>#ui-datepicker-div {z-index:99!important;}</style><?php 
}