Cuando necesitamos capturar alguna fecha en nuestros formularios, podemos usar los campos de fecha en Contact form 7. HTML 5 trajo consigo varias características interesantes; una de ellas es el input date. Los navegadores que soportan este tipo de campo muestran un selector de fechas en forma de un pequeño calendario. CF7 nos permite usar el form tag date. Este tag corresponde a la etiqueta date de HTML 5.
En la actualidad, la mayoría de los navegadores más usados tienen soporte para el input date. Los navegadores viejos y algunos nuevos sin soporte para este tipo de campo solo muestran un campo de texto normal.
Si un valor es ingresado en un campo de tipo date, el valor se guardará con el formato YYYY-MM-DD, para estar acorde con la especificación de HTML 5. Usualmente no tendremos que preocuparnos por el formato de la fecha a menos que necesitemos usar uno distinto.
Los campos de fecha en Contact form 7 nos permiten introducir un valor por defecto; incluso es posible especificar una fecha usando lenguaje natural. El único inconveniente es que hay que especificar dicho valor en inglés, por ejemplo “next Friday”.
Los valores de los campos de fecha tendrán el formato por defecto en el mail que recibamos con la información del formulario. CF7 nos permite especificar un formato distinto en el mail tag. Podemos lograr este efecto con la siguiente notación: [_format_{field name} “{date format}“].
Veamos un ejemplo, supongamos que necesitamos recibir la fecha de un evento considerando que la fecha debe ser mayor a un mes y menor a un año (contando a partir de la fecha actual). en este caso definiremos un campo de fecha como sigue:
Y el resultado se mostraría así:
También podemos definir un rango de tiempo con fechas específicas, todo depende de las necesidades que se tengan que cubrir. Como podemos ver los campos de fecha en Contact Form 7 son muy útiles cuando requerimos manejar fechas. Este plugin nos da bastante flexibilidad para implementar distintos casos de uso.
