Categorías Wordpress

Campo Fecha no funciona en Firefox | Contact Form 7

Pues sí, parece extraño pero el campo fecha del plugin Contact Form 7 no carga correctamente en Firefox.


Y digo que parece extraño porque el plugin Contact Form 7 es uno de los más conocidos y populares (a la vez que gratuito) para crear formularios en WordPress.
 
Lo que ocurre es que tras crear un formulario con un simple campo para introducir una fecha con CF 7:


 

dicho campo fecha se cargará correctamente en Google Chrome:
(podemos ver que muestra el selector que permite cambiar la fecha, además de permitir introducirla manualmente)

 

Pero no se cargará correctamente en Firefox (importante que recordemos revisar los cambios de nuestra web en varios navegadores. También importante revisar el aspecto responsive o móvil).

 

Como podemos apreciar en captura de pantalla, no se muestra la flecha que permite cambiar la fecha, no se muestra el formato de fecha, no se muestra nada…

O sea, que no es un campo fecha funcional para un formulario…

 

En estos enlaces podemos ver más info referente al problema:

contact form 7 date field not working in firefox

Date Picker – Only works in Chrome

Contact Form 7 Date Picker problem


 

 

Pero existe una solución, y es un plugin llamado: Contact Form 7 Datepicker

 

Instalamos el plugin, y tendremos que modificar nuestros anteriores formularios para actualizar el código que corresponde al campo fecha del formulario. Como podemos ver, el código proporcionado por Contact Form 7 Datepicker es algo diferente (además de que ha cambiado el estilo del cuadro que contiene el formulario):

 

Contact Form 7 Datepicker nos permite cambiar la fecha de una forma agradable, puesto que no solo permite añadirla a mano, sino que nos mostrará un selector de calendario (este plugin utiliza jQuery) que permite modificar la fecha pinchando sobre el día adecuado, y cambiando los meses con el ratón para más comodidad:


 
Las opciones para el formulario incluyen un detalle bastante interesante, y es que permite cambiar el mes y el año con otro desplegable, lo cual facilita mucho la introducción de fecha:
 

 
 

Este desplegable para el mes y el año se mostrará de esta forma:

 

También nos ofrece varios temas con diferentes colores para adecuar el calendario desplegable a nuestro sitio web:

 

Esperamos que esta entrada te haya sido de utilidad.

Si tenías problemas con tus campos fecha de Contact Form en Firefox, acabamos de darte una solución! 🙂


 
Los comentarios de Disqus están cargando....