Campo fecha en Contact Form 7  

Página 1 / 2
 
Julio
 Julio
Usuario experto

Hola,

Estoy ytilizando el plugin Contact Form 7 de Wordpress y tengo la necesidad de incorporar un campo fecha (input=date) que despliegue un calendario para seleccionar una fecha cuando el usuario señala ese campo.

A su vez necesito que sólo se puedan marcar los Sábados, ya que es para reservas de plazas y sólo se podría los Sábados.

¿Me podéis indicar cómo podría hacerlo?

Muchas gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/07/2017 6:57 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Verifico que existe un plugin disponible: http://designbysimon.com/datepicker-function-added-contact-form-7/ sin embargo lo de las reservas requiere de un cambio en la programación del plugin. Puedes verificar si el siguiente enlace te sirve de guía para modificar el plugin: https://stackoverflow.com/questions/18341032/wordpress-contactform7-datepicker-field-disable-block-specific-dates

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 27/07/2017 11:13 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Julio
 Julio
Usuario experto

Muchas gracias, he investigado pero no encuentro la solución de poder dejar habilitado para que solo puedan elegir los sábados (el que sea eso sí), pro sólo ese día.

¿Me podéis dar alguna ayudita más?

Gracias!

ResponderCitar
Respondido : 28/07/2017 11:38 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Este plugin no te permitirá disponer de una opción por la cual solo se puedan marcar los sábados en el calendario, ya que no está pensado para ese uso. Sería necesario hacer una programación a media para conseguir eso.

En su lugar, podrías plantearte utilizar algún plugin de reservas de los disponible para WordPress, ya que posiblemente se adapte mejor a tus necesidades.

Aquí podrás encontrar varias opciones: https://wordpress.org/plugins/tags/booking-system/

Es posible que la mejor opción para probar esto sea que instales un WordPress de prueba de forma que puedas probar estos plugins y ver cuál se adapta mejor a lo que buscas.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 28/07/2017 3:25 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Julio
 Julio
Usuario experto

Ok gracias, en realidad es que necesito hacerlo con el contact form porque ya lo tengo vinculado a una crm externo, etc. Probaré al menos a ver si puedo insertar el calendario.

Gracias

ResponderCitar
Respondido : 28/07/2017 9:10 pm
Julio
 Julio
Usuario experto

Hola de nuevo, ya tengo instalado el calendario lo malo que:

- No asume el css de la class de los demás botones
- No funciona en Firefox ni Internet Explorer, solo en Chrome

He visto por ahí que es algo común, sabéis cómo solucionarlo?

Gracias!

ResponderCitar
Respondido : 28/07/2017 9:30 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

He buscado sobre tu sitio web, sin embargo no he localizado el formulario con cargue el plugin del calendario, si nos puedes adjuntar el enlace para poder revisarlo?, es posible que se necesite realizar cambios sobre el CSS.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/07/2017 3:16 am
Julio
 Julio
Usuario experto

Hola, está en este enlace: https://alquilarcatamaranenmenorca.com/contacto/

Es una persona que les recomendé contratar el hosting con vosotros y le estoy ayudando a hacer la página web.

Gracias!

ResponderCitar
Respondido : 29/07/2017 12:07 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Prueba el siguiente plugin -> Contenido solo visible a usuarios registrados

Lo que no te puedo decir si ese plugin puedes asignarle los días que quieres para el evento.

El propio plugin de CF7 tiene la opción de añadirle un calendario pero en este caso si que no puedes asignarle los días.
https://contactform7.com/date-field/

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/07/2017 12:52 pm
Julio
 Julio
Usuario experto

Hola Pepe, muchas gracias!

Sí, en el contact form 7 de momento no necesito asignarle el día, pero lo que sí que me gustaría es que tuviese el mismo estilo que los demás botones, pero le puse la misma clase pero parece que no lo respeta, sabes a qué puede deberse?

Gracias!

ResponderCitar
Respondido : 29/07/2017 1:01 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

¿ Te refieres a tener las celdas con el mismo color azul que los botones ?

Si es eso lo puedes realizar con css, por ejemplo:

input[type="date"] {
  background-color:#7ABCE6;
}

#select2-Title-h0-container {
  background-color:#7ABCE6;
}

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/07/2017 1:31 pm
Julio
 Julio
Usuario experto

Hola Pepe, era darle otro formato pero ya lo conseguí dejar igual que los demás, muchas gracias por la ayuda.

Sin embargo, no funciona en Firefox e Internet Explorer el input date. He leído en foros que es algo habitual, sabes algo al respecto o cómo solucionarlo?

Gracias como siempre!

ResponderCitar
Respondido : 29/07/2017 1:48 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Si, Actualmente, sólo algunos navegadores modernos admiten este tipo de entrada de fecha. Los navegadores más antiguos y algunos navegadores modernos, como Firefox, no admiten este tipo de entrada y sólo lo hacen como un campo de introducción de texto tradicional.

La opción Date del formulario no es mas que una etiqueta de HTML5, para solucionar el problema de esa etiqueta en los navegadores la opción pasa por añadir el siguiente código en el archivo functions.php

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

Nota: recuerda realizar una copia del archivo antes de realizar cualquier modificación.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/07/2017 2:16 pm
Julio
 Julio
Usuario experto

Genial Pepe, qué grande eres siempre con tus ayudas! 🙂

Lo inserto en el functions.php, da igual dónde? O mejor en algún lugar preferentemente?

Gracias!

ResponderCitar
Respondido : 29/07/2017 2:22 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Lo puedes añadir por ejemplo al final del archivo, la posición no importa.
PD: Gracias amigo por tus palabras.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/07/2017 2:31 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro