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:

Campo Fecha contact form

   

 

 
 

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)

Campo Fecha contact form chrome

 

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).

Campo Fecha contact form no funciona en Firefox

 

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…

 


 
 

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

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):

campo fecha contact form 7 datepicker

 

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:

contact form 7 datepicker campo fecha
 
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:

cambiar fecha mes año contact form 7 datepicker

 

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

cambiar fecha contact form 7 datepicker

 

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

diferentes temas contact form 7 datepicker

 

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! 🙂


 


Etiquetas del articulo: ,


Suscríbete para acceder a la zona privada

Suscribiéndote a la lista de correo de El Taller del Bit conseguirás entrar a la zona privada de descargas con materiales exclusivos (ebooks, artículos privados, plugins, descargas de exámenes resueltos ...)

Gracias. Te has suscrito con éxito!