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
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
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!
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.
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
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!
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.
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!
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
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!
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
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!
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
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!
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