selector de fecha de cf7 no funciona en firefox

4 minutos de lectura

avatar de usuario
anumol

soy un complemento llamado formulario de contacto 7 por Contáctenos página. Tengo selector de fecha en él. No funciona en Firefox pero funciona en Chrome. ¿Cómo puedo solucionar este error? ¿Alguien puede la solución para este problm?

  • si hace clic derecho e inspecciona el elemento con cromo en la página donde debería aparecer, ¿obtiene un error en su consola?

    – Christophvh

    7 dic 2015 a las 11:33

  • no funciona en firefox. pero no hay errores en la consola.

    – anumol

    7 dic 2015 a las 11:37


  • Lo siento, lo leí mal, publiqué una respuesta. El problema involucra html5

    – Christophvh

    07/12/2015 a las 11:45

La respuesta de @Christophvh fue correcta pero incompleta. El calendario del selector de fechas está aquí pero no está visible. Parece que hay un error en el selector de fechas de jquery que establece un valor incorrecto z-index valor haciendo así el calendario oculto detrás del formulario.

Así es como lo hice funcionar:

1) Habilite el respaldo de WCF7 pero coloque este fragmento de código en su tema functions.php expediente

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

2) Solucione el error poniendo este fragmento de código en su tema functions.php archivo, o editando su tema CSS si sabe cómo:

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

  • Estoy usando un tema secundario y solo usé el nombre del tema principal. Desafortunadamente, esto no soluciona el selector de fecha invisible. ¿Necesito agregar la biblioteca jQuery también?

    – No es una máquina

    29 de abril de 2019 a las 20:47

  • Noté que mi instalación de ECF7 ya contiene la configuración de índice z de 99 y el pragma importante. ¿Necesito apuntar mi tema a la ruta de instalación de jquery UI?

    – No es una máquina

    29 de abril de 2019 a las 22:23

avatar de usuario
Christophvh

Contact form 7 usa HTML5 para esto, funciones como Datepicker no son compatibles con algunos navegadores. La siguiente respuesta es de la página de preguntas frecuentes http://contactform7.com/faq/

¿Admite Contact Form 7 los tipos de entrada de HTML5?

Sí. Contact Form 7 3.4 y versiones posteriores admiten etiquetas de formulario correspondientes a estos tipos de entrada HTML5: correo electrónico, teléfono, URL, número, rango y fecha.

Si no desea utilizar los tipos de entrada de HTML5, puede desactivarlo agregando el siguiente código en el archivo functions.php de su tema: 1

add_filter(‘wpcf7_support_html5’, ‘__return_false’);

Tenga en cuenta que incluso los navegadores más actuales admiten parcialmente HTML5. Por ejemplo, la versión más reciente de Firefox aún no es compatible con el tipo de entrada de fecha (que le permite elegir una fecha desde una interfaz de usuario de calendario) y el tipo de entrada de número (que le permite ingresar un valor numérico desde una interfaz de usuario de cuadro de número), por lo que Firefox proporciona un campo de entrada de texto general como respaldo en lugar de una interfaz de usuario de calendario y cuadro de número. Esto puede confundir a los usuarios porque no pueden detectar qué tipo de valor de entrada espera este campo. Por lo tanto, puede sentir que es mejor esperar a que todos los navegadores admitan completamente todas las funciones de HTML5.

¡Pero no necesitas esperar! Contact Form 7 ofrece una mejor solución. Contact Form 7 puede proporcionar un respaldo basado en jQuery UI para los campos de entrada de fecha y número. Al utilizar esta solución, puede proporcionar una interfaz de usuario de calendario para el campo de fecha y una interfaz de usuario de cuadro numérico para el campo de número, respectivamente, incluso con Firefox o Internet Explorer.

De forma predeterminada, esta función alternativa está deshabilitada porque carga JavaScript y CSS adicionales (lo que genera un rendimiento deficiente) y solo es necesaria para los sitios web que usan los campos de entrada de fecha o número. Si usa los campos de entrada de fecha o número y desea usar esta función alternativa basada en jQuery UI, agregue el siguiente código en el archivo functions.php de su tema y active la función: 1

add_filter(‘wpcf7_support_html5_fallback’, ‘__return_true’);

Entonces, en su caso, agregue add_filter (‘wpcf7_support_html5_fallback’, ‘__return_true’); funcionará si instala jquery UI, que puede encontrar aquí: https://jqueryui.com/

  • add_filter(‘wpcf7_support_html5_fallback’, ‘__return_true’); ¿Solo se debe agregar este código?

    – anumol

    7 dic 2015 a las 11:46

  • ese código solo funcionará si tiene jquery UI agregado a su tema

    – Christophvh

    7 de diciembre de 2015 a las 11:48

  • te refieres a jquery datepicker?

    – anumol

    7 de diciembre de 2015 a las 11:48

  • datepicker es parte de jquery UI, para ver la guía de instalación, consulte esta página: jqueryui.com

    – Christophvh

    7 dic 2015 a las 11:49

  • He instalado jquery ui en mi carpeta de temas.

    – anumol

    7 dic 2015 a las 11:53

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad