Pues s\u00ed, parece extra\u00f1o pero el campo fecha del plugin Contact Form 7 no carga correctamente en Firefox<\/strong>.<\/h2>\n<\/center>
\nY digo que parece extra\u00f1o porque el plugin Contact Form 7<\/a> es uno de los m\u00e1s conocidos y populares (a la vez que gratuito) para crear formularios en WordPress.
\n
\nLo que ocurre es que tras\u00a0crear un formulario con un simple campo para introducir una fecha con CF 7:<\/p>\n![\"Campo](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/Campo-Fecha-contact-form.jpg\")
\n <\/p>\n
dicho campo fecha se cargar\u00e1 correctamente en Google Chrome:
\n(podemos ver que muestra el selector que permite cambiar la fecha, adem\u00e1s de permitir introducirla manualmente)<\/p>\n
![\"Campo](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/Campo-Fecha-contact-form-chrome.jpg\")
<\/p>\n
<\/p>\n
Pero no se cargar\u00e1 correctamente en Firefox (importante que recordemos revisar los cambios de nuestra web en varios navegadores. Tambi\u00e9n importante revisar el aspecto responsive<\/a> o m\u00f3vil).<\/p>\n![\"Campo](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/Campo-Fecha-contact-form-no-funciona-en-Firefox.jpg\")
<\/p>\n
<\/p>\n
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…<\/p>\n
O sea, que no es un campo fecha funcional para un formulario…<\/p>\n
\n
<\/p>\nEn estos enlaces podemos ver m\u00e1s info referente al problema:<\/p>\n
contact form 7 date field not working in firefox<\/a><\/p>\nDate Picker – Only works in Chrome<\/a><\/p>\nContact Form 7\u00a0<\/strong>Date Picker problem<\/a><\/center>
\n
\n
\n <\/p>\nPero existe una soluci\u00f3n, y es un plugin llamado:\u00a0Contact Form 7 Datepicker<\/a><\/strong><\/h3>\n<\/center><\/p>\n
![\"contact](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/contact-form-7-datepicker.jpg\")
<\/p>\n
<\/p>\n
Instalamos el plugin, y tendremos que modificar nuestros anteriores formularios para actualizar el c\u00f3digo que corresponde al campo fecha del formulario<\/strong>. Como podemos ver, el c\u00f3digo proporcionado por Contact Form 7 Datepicker es algo diferente (adem\u00e1s de que ha cambiado el estilo del cuadro que contiene el formulario):<\/p>\n![\"campo](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/campo-fecha-contact-form-7-datepicker.jpg\")
<\/p>\n
<\/p>\n
Contact Form 7 Datepicker<\/strong> nos permite cambiar la fecha de una forma agradable, puesto que no solo permite a\u00f1adirla a mano, sino que nos mostrar\u00e1 un selector de calendario (este plugin utiliza jQuery) que permite modificar la fecha pinchando sobre el d\u00eda adecuado, y cambiando los meses con el rat\u00f3n para m\u00e1s comodidad:<\/p>\n![\"contact](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/contact-form-7-datepicker-campo-fecha.jpg\")
\n
\nLas opciones para el formulario incluyen un detalle bastante interesante, y es que permite cambiar el mes y el a\u00f1o con otro desplegable, lo cual facilita mucho la introducci\u00f3n de fecha:
\n
\n![\"cambiar](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/cambiar-fecha-mes-year-contact-form-7-datepicker.jpg\")
\n
\n <\/p>\n
Este desplegable para el mes y el a\u00f1o se mostrar\u00e1 de esta forma:<\/p>\n
![\"cambiar](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/cambiar-fecha-contact-form-7-datepicker.jpg\")
<\/p>\n
<\/p>\n
Tambi\u00e9n nos ofrece varios temas con diferentes colores para adecuar el calendario desplegable a nuestro sitio web:<\/p>\n
![\"diferentes](\"https:\/\/eltallerdelbit.com\/wp-content\/uploads\/2016\/03\/diferentes-temas-contact-form-7-datepicker.jpg\")
<\/p>\n
<\/p>\n
Esperamos que esta entrada te haya sido de utilidad.<\/p>\n
<\/p>\nSi ten\u00edas problemas con tus campos fecha de Contact Form en Firefox<\/strong>, acabamos de darte una soluci\u00f3n! \ud83d\ude42<\/h3>\n<\/center>
\n <\/p>\n\n
<\/div>","protected":false},"excerpt":{"rendered":"Pues s\u00ed, parece extra\u00f1o pero el campo fecha del plugin Contact Form 7 no carga correctamente en Firefox. El Taller del Bit te trae una soluci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":12053,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false},"categories":[157],"tags":[1091],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts\/11960"}],"collection":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/comments?post=11960"}],"version-history":[{"count":0,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts\/11960\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/media\/12053"}],"wp:attachment":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/media?parent=11960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/categories?post=11960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/tags?post=11960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nY digo que parece extra\u00f1o porque el plugin Contact Form 7<\/a> es uno de los m\u00e1s conocidos y populares (a la vez que gratuito) para crear formularios en WordPress.
\n
\nLo que ocurre es que tras\u00a0crear un formulario con un simple campo para introducir una fecha con CF 7:<\/p>\n
\n <\/p>\n
dicho campo fecha se cargar\u00e1 correctamente en Google Chrome:
\n(podemos ver que muestra el selector que permite cambiar la fecha, adem\u00e1s de permitir introducirla manualmente)<\/p>\n
<\/p>\n
<\/p>\n
Pero no se cargar\u00e1 correctamente en Firefox (importante que recordemos revisar los cambios de nuestra web en varios navegadores. Tambi\u00e9n importante revisar el aspecto responsive<\/a> o m\u00f3vil).<\/p>\n <\/p>\n 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…<\/p>\n O sea, que no es un campo fecha funcional para un formulario…<\/p>\n En estos enlaces podemos ver m\u00e1s info referente al problema:<\/p>\n contact form 7 date field not working in firefox<\/a><\/p>\n Date Picker – Only works in Chrome<\/a><\/p>\n Contact Form 7\u00a0<\/strong>Date Picker problem<\/a><\/center> <\/center><\/p>\n <\/p>\n Instalamos el plugin, y tendremos que modificar nuestros anteriores formularios para actualizar el c\u00f3digo que corresponde al campo fecha del formulario<\/strong>. Como podemos ver, el c\u00f3digo proporcionado por Contact Form 7 Datepicker es algo diferente (adem\u00e1s de que ha cambiado el estilo del cuadro que contiene el formulario):<\/p>\n <\/p>\n Contact Form 7 Datepicker<\/strong> nos permite cambiar la fecha de una forma agradable, puesto que no solo permite a\u00f1adirla a mano, sino que nos mostrar\u00e1 un selector de calendario (este plugin utiliza jQuery) que permite modificar la fecha pinchando sobre el d\u00eda adecuado, y cambiando los meses con el rat\u00f3n para m\u00e1s comodidad:<\/p>\n Este desplegable para el mes y el a\u00f1o se mostrar\u00e1 de esta forma:<\/p>\n <\/p>\n Tambi\u00e9n nos ofrece varios temas con diferentes colores para adecuar el calendario desplegable a nuestro sitio web:<\/p>\n <\/p>\n Esperamos que esta entrada te haya sido de utilidad.<\/p>\n <\/center> Pues s\u00ed, parece extra\u00f1o pero el campo fecha del plugin Contact Form 7 no carga correctamente en Firefox. El Taller del Bit te trae una soluci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":12053,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false},"categories":[157],"tags":[1091],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts\/11960"}],"collection":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/comments?post=11960"}],"version-history":[{"count":0,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts\/11960\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/media\/12053"}],"wp:attachment":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/media?parent=11960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/categories?post=11960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/tags?post=11960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/p>\n
\n
\n
\n
\n <\/p>\nPero existe una soluci\u00f3n, y es un plugin llamado:\u00a0Contact Form 7 Datepicker<\/a><\/strong><\/h3>\n
<\/p>\n<\/p>\n
\n
\nLas opciones para el formulario incluyen un detalle bastante interesante, y es que permite cambiar el mes y el a\u00f1o con otro desplegable, lo cual facilita mucho la introducci\u00f3n de fecha:
\n
\n
\n
\n <\/p>\n<\/p>\n<\/p>\nSi ten\u00edas problemas con tus campos fecha de Contact Form en Firefox<\/strong>, acabamos de darte una soluci\u00f3n! \ud83d\ude42<\/h3>\n
\n <\/p>\n\n