Tutorial: Aplicación de Calendario

1. La tabla que se utilizará para la implementación del calendario es “eventos”.

Deben de contener estos campos

CREATE TABLE `events` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(64) DEFAULT NULL,
`description` varchar(128) DEFAULT NULL,
`start_date` date DEFAULT NULL,
`start_time` time DEFAULT NULL,
`end_date` date DEFAULT NULL,
`end_time` time DEFAULT NULL,
`recurrent` varchar(1) DEFAULT NULL,
`period` varchar(1) DEFAULT NULL,
`users` varchar(10) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=13 DEFAULT CHARSET=utf8;

2. Seleccione los campos de la tabla que se utilizarán en la aplicación en la opción “Campos de calendario“.

Los campos con ‘*’ son de caracter obligatorio.

Opciones

  • Id: Utilizado para identificar el registro, seleccione el campo de clave principal en esta tabla. (Int (11))
  • Title: Se utiliza para almacenar el tema de cada actividad que se muestra en la aplicación. ((Varchar (50))
  • Start date: La fecha de inicio de la actividad quedará registrada.* (Date or datetime)
  • Start Time: Registrará la hora de inicio de la actividad.. * (Date or datetime)
  • End date: Registrará la hora de fin de la actividad. * (Date or datetime)
  • End Time: Se registrará el tiempo de finalización de la actividad. * (Date or datetime)
  • Recurrence: Se utiliza para indicar si el evento se repite en un mes, semana o día. (varchar) (1)
  • Period: Se utiliza para indicar el tipo de repetición : mes, semana o día. (Int) (1)

Nota: Si tiene un campo de tipo datetime en la base de datos, puede enumerar las opciones de fecha y hora usando el mismo campo datetime de la base de datos. La aplicación tomará los dos valores y los concatenará antes de guardarlos en la base de datos.

3. Después de compilar su nueva aplicación de calendario, verá cuatro tipos de visualización: Mes, Semana, Día y Agenda.

  • Semana.
  • Mes
  • Agenda
  • Día.

4. Para agregar un registro, haga clic en el área correspondiente a la fecha y hora del evento que desee. Se abrirá un formulario simple, ya sea a través de la inclusión en modal.

Para ver más ejemplos creados con Scriptcase, vaya a: Ejemplos: Sistemas completos y aplicaciones con Scriptcase.

Tutorials in the same category

Grid – Columnas fijas

Grid   Orientación: Define el tipo de orientación de la grid como Horizontal. Etiqu...

Tutorial: Nueva Búsqueda Refinada

En este ejemplo, se desarrollará un informe utilizando la opción de búsqueda refinada, que permit...

Tutorial: Grid Mobile

En este ejemplo, veremos la configuración de una aplicación Grid para dispositivos móviles. ...

Tutorial: Gráfico superpuesto

Crear un gráfico utilizando la función de superposición de barras:   1 – Creamos...

Comment this post