Avisos
Vaciar todo

Campo fecha en Contact Form 7

16 Respuestas
4 Usuarios
0 Reactions
2,404 Visitas
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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


 
Respondido : 27/07/2017 5:57 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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


 
Respondido : 27/07/2017 10:13 pm
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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!


 
Respondido : 28/07/2017 10:38 am
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 28/07/2017 2:25 pm
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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


 
Respondido : 28/07/2017 8:10 pm
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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!


 
Respondido : 28/07/2017 8:30 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 29/07/2017 2:16 am
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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!


 
Respondido : 29/07/2017 11:07 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 29/07/2017 11:52 am
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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!


 
Respondido : 29/07/2017 12:01 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 29/07/2017 12:31 pm
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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!


 
Respondido : 29/07/2017 12:48 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 29/07/2017 1:16 pm
Julio
Respuestas: 85
Trusted Member
Topic starter
 

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!


 
Respondido : 29/07/2017 1:22 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


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