Avisos
Vaciar todo

MÁSCARA FECHA EN FORMULARIO  

 
Bernardo
 Bernardo
Usuario eminente

Buenas tardes.

 

Tengo instalado Wordpress+DIVI con el tema DIVI activado

Sabrías indicarme como puedo poner una máscara en campo de un formulario para que cuando introduzcan una fecha tenga un formato, por ejemplo 11/11/2020?

Muchas gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 19/11/2020 7:43 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

De manera general la validación que buscas posiblemente lo obtengas si usas un control HTML fecha, revisa:

https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input/date

Aunque ten en cuenta que no se verá exactamente igual en diseño en todos los navegadores.

Cómo has construído tu formulario?, envíanos la url exacta del formulario con el campo de fecha.

Saludos.

ResponderCitar
Respondido : 19/11/2020 7:55 pm
Bernardo
 Bernardo
Usuario eminente

@jmarreros

https://buceonline.com/seguro-de-buceo/

El formulario está en la parte inferior de la página

 

ResponderCitar
Respondido : 19/11/2020 8:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Al parecer ese sólo visible para usuarios registrados ya que no puedo acceder y me muestra el login.

De todas formas, con qué plugin esta construído ese formulario?

Saludos.

ResponderCitar
Respondido : 19/11/2020 8:09 pm
Bernardo
 Bernardo
Usuario eminente

@jmarreros

Ya está accesible.

Es de una plantilla de DIVI

ResponderCitar
Respondido : 19/11/2020 8:28 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Bernardo,

Por defecto divi no tiene la opción de colocar las fechas, en los formularios por lo que tendrás que instalar un complemento para ello, prueba con el siguiente:

https://wordpress.org/plugins/date-time-picker-field/

Una vez que lo instales ingresa a Ajustes > Date time picker e ingresas esto en el primer espacio que indica CSS Selector:

input[data-original_id='fecha'] > Aclarando que el texto que indica fecha es un texto que puedes modificar por ejemplo a Fecha_ingreso o Fechas_nacimiento, etc

Luego de esto vas al campo que tienes designado para que muestre el seleccionador de fecha y en identificación del campo:

image

Agregas el nombre que le colocaste, ya por ultimo guardas los cambios ya que estos se visualizarán una vez guardados y veas la página mas no en el editor, debe quedar algo así:

image

Si deseas eliminar la opción de hora, dentro de Ajustes > Date time picker encontraras la opción que desactiva la hora.

Un saludo 🖐️ 

ResponderCitar
Respondido : 19/11/2020 8:49 pm
Bernardo
 Bernardo
Usuario eminente

@argenis

Hola.

Siguiendo tus indicaciones lo he conseguido, pero tengo un problema, que antes de pinchar en el campo no me muestra el título del campo, si no que muestra 20/11/2020. He borrado temporales incluso he probado desde otro navegador.

Necesito que muestre el título del campo, que en este caso es "Fecha de inicio"

También necesito tener 2 campos de fecha en el mismo formulario. Se puede poner otro código CSS para otro campo.

 

Muchas gracias.

Un saludo

ResponderCitar
Respondido : 19/11/2020 10:29 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Bernardo,

En este caso, puedes agregar una (,) y duplicar el código que ingresaste pero ingresando un 2 al final, es decir Fecha_ingreso2 o Fechas_nacimiento2, etc, por desgracia este tipo de formulario no permite por defecto esta opción de selección de fechas por lo que puedes evaluar cambiar el tipo de formulario a otro que si lo ofrezca por ejemplo > https://es.wordpress.org/plugins/contact-form-7/  

Nos comentas si utilizaras este complemento que te menciono para proporcionarte un poco las instrucciones de como hacer este formulario que tienes actualmente en este complemento.

Un saludo 🖐️ 

ResponderCitar
Respondido : 19/11/2020 11:04 pm
Bernardo
 Bernardo
Usuario eminente

@argenis

Buenos días.

 

Tengo instalado el Contact-form-7 y Contact Form 7 Multilingual, pero no entendí el funcionamiento y no lo uso.

Si me puedes orientar t lo agradeceré.

 

Muchas gracias

Un saludo

ResponderCitar
Respondido : 20/11/2020 8:11 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Bernardo.

Por favor abre un nuevo tema.

No es bueno mezclar consultas distintas ya que puede provocar alguna confusión y al mismo tiempo mantenemos orden en el foro.

 

Un saludo

ResponderCitar
Respondido : 20/11/2020 9:09 am