datepicker cf7 не работает в firefox

Question

Я плагин под названием контактный формуляр 7 для свяжитесь с нами страница. У меня есть выбор даты. Он не работает в firefox, а работает в хроме. Как я могу исправить эту ошибку? Может ли кто-нибудь решить эту проблему?

Answer 1

Форма контакта 7 использует HTML5 для этого, такие функции, как Datepicker, не поддерживаются некоторыми браузерами. Следующий ответ на странице часто задаваемых вопросов http://contactform7.com/faq/

Поддерживает ли форма контакта 7 формы входных данных HTML5?

Да. Форма контакта 7 3.4 и выше форматы форм поддержки, соответствующие , эти типы ввода HTML5: электронная почта, tel, url, номер, диапазон и дата.

Если вы не хотите использовать типы ввода HTML5, вы можете отключить это , добавив следующий код в файл functions.php вашей темы: 1

add_filter («wpcf7_support_html5», «__return_false»);

Обратите внимание, что даже самые современные браузеры частично поддерживают HTML5. Например, последний пример Firefox не поддерживает тип ввода даты ( позволяет выбрать дату из пользовательского интерфейса календаря) и тип ввода номера (который позволяет вводить числовое значение из пользовательского интерфейса ) - так что Firefox предоставляет общее текстовое поле ввода как резерв вместо календаря и пользовательского интерфейса проигрывателя. Это может смутить пользователей , поскольку они не могут определить, какой тип входного значения ожидается в этом поле. Итак, вы можете почувствовать, что лучше ждать, пока все браузеры будут поддерживать все функции HTML5 полностью.

Но вам не нужно ждать! Контактная форма 7 предлагает лучшее решение. Контактная форма 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, который вы можете найти здесь: https://jqueryui.com/

Answer 2

Ответ от @ Christophvh был прав, но был неполным. Календарь датпикера здесь, но не отображается. Там швы будут ошибкой в ​​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 
}