Formulario

[alejandromaringomez]

Buenas tardes ,

Un cliente me ha pedido un formulario para alquiler de coches, este formulario contiene lo siguiente:

- Lugar de recogida del coche (SELECT)
- Fecha (INPUT CON datepicker)
- Hora (SELECT)

Y luego otro igual pero para la devolución del coche, y lo curioso es que quiere que al elejir el lugar del select le aparezca el campo de la fecha con focus, y al seleccionar la fecha le aparezca el select de la hora con el focus, pero hay un problema... Yo lo que hago es un function con un seInterval, para que cada segundo compruebe a base de if si los campos anteriores han sido rellenados para mostrar el siguiente con fadeIn, pero tengo varios problemas...

1. Al hacer el setInterval lo que sucede es que cuando se abre el datepicker cada segundo desaparece y aparece y no me deja continuar, ¿Hay alguna otra manera de hacer todo esto?

2. ¿Cómo puedo hacer que no deje introducir datos en el input de la fecha, es decir... que solo deje al datepicker?

Muchísimas gracias de antemano :)

[Alexis88]

Lo primero lo puedes resolver ejecutando una función por cada vez que el usuario cambie el valor de cualquiera de los campos visibles (los que no están ocultos), en la cual verificarías la extensión del valor de cada uno de ellos. Si alguna de las extensiones es igual a cero, quiere decir que el usuario la borró y, entonces, aplicas tu restricción.

Lo segundo, supongo que te refieres a que no quieres que el usuario pueda digitar la fecha sino solo elegirla mediante el calendario; en ese caso, asígnale al campo la propiedad readOnly para que no se pueda escribir en él.

Trata de no complicarle la vida al usuario pues es él quien te va a pagar.

Saludos

[alejandromaringomez]

¡Hola Alexis88! :)

Muchas gracias por tus respuestas, me han sido de mucha ayuda :), a cerca de complicarle la vida jaja, no busco eso, lo hago porque como sabrás hay mucho gracioso que se aburre y envia spam etc, simplemente intento reducirle XD, ya que estoy me gustaría hacerte una preguntita :/ , verás, a parte tengo un campo de hora, y me gustaría que si seleccionas en la devolución el mismo día que en entrega te bloquee las horas anteriores a la de la entrega, también incluida la misma hora, ¿Ésto es posible?

Muchisimas gracias :)

[Alexis88]

Claro. Al seleccionar una hora, en una función tomas a todas las opciones de la lista (estoy suponiendo que trabajas con un elemento <select>, por lo que el cambie lo detectarías con el evento change) y aquellas cuyo valor sea menor que el de la opción seleccionada, las deshabilitas mediante la propiedad disabled.

Saludos

[alejandromaringomez]

Hola alexis :) una vez mas muchas gracias xD, te comento, mas o menos me hacía una idea de como tenía que hacerlo pero el problema es que sé en mente lo que hacer, pero no hacer parte, en concreto un bucle tipo while o foreach, ya que en ese aspecto en jquery no tengo ni idea, y claro está que debo bloquear solo los que sean de la misma fecha seleccionada, es decir que si luego posteriormente se adelanta un dia deberían salir todas las horas, ¿Como hago esto?

En serio, muchas gracias, me estas ayudando bastante :)