63 Formulario de reserva con FECHAS Y HORA en FULLCALENDAR en SISTEMA VETERINARIO (PHP y MySql) FullStack
Duración: 9 minDescripción
🎬 Lección 63: Formulario de Reserva con Fechas y Hora en FullCalendar 🗓️
La lección aborda cómo hacer que la información capturada en el calendario y el modal de horarios (videos anteriores) se muestre automáticamente en el formulario final, completando los datos de la cita.
1. Transferencia Dinámica de la Fecha
El desafío inicial fue que la variable que almacenaba la fecha seleccionada era local, impidiendo su lectura en el script que abre el formulario. Esto se resuelve de la siguiente manera:
- Alcance Global: Se convierte la variable que almacena la fecha (a) en una variable global, declarándola fuera de la función principal. [03:19]
- Asignación de Valor: Se usa jQuery para asignar el valor de la variable global a (la fecha seleccionada) al campo de formulario que tiene el ID fecha_reserva. [01:13]
- Campo Deshabilitado: Para asegurar que la fecha permanezca inalterable, el campo de fecha se establece como deshabilitado (disabled). [04:30]
2. Transferencia de la Hora Seleccionada
Se sigue una lógica similar para transferir el horario específico elegido por el usuario:
- Definición de Horario: Se declara una variable, por ejemplo h1, que almacena la cadena de texto con el horario del turno (ej. "08:00 - 09:00"). [05:16]
- Carga en el Formulario: Al hacer clic en el botón del horario (ej. btn_h1), esta variable de horario se transfiere al campo de formulario con el ID hora_reserva. [05:41]
3. Conclusión del Formulario
Con estos pasos, el formulario de reserva queda completo con la información dinámica necesaria para registrar la cita: Nombre de la Mascota, Tipo de Servicio, Fecha y Hora.
El instructor concluye indicando que el siguiente paso será enviar esta información a la base de datos (MySQL) mediante un controlador PHP, lo cual permitirá que la nueva cita reservada aparezca automáticamente en el calendario. [08:34]
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️
