Calendário Responsivo

Neste tutorial, criaremos um aplicativo de calendário responsivo

Criamos a tabela que usaremos para o calendário

1. A tabela que será utilizada para a implementação do calendário é “ eventos “.

CREATE TABLE `calendario` (  
`chave` INT(11) NOT NULL DEFAULT '0',  
`titulo` VARCHAR(50) DEFAULT NULL,  
`descricao` text,  
`inicio` datetime DEFAULT NULL,  
`final_data` DATE DEFAULT NULL,  
`final_hora` TIME DEFAULT NULL,  
`recorrencia` CHAR(1) DEFAULT NULL,  
`periodo` CHAR(1) DEFAULT NULL,  
`users` VARCHAR(15) DEFAULT NULL,  
PRIMARY KEY (`chave`)  
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

2. Criamos a aplicação com a tabela recém-criada.

3. Configuramos os campos do calendário conforme a imagem mostra:

Os itens com “ * ” são necessários para criar a aplicação. Os outros campos são usados apenas para informações do calendário.

Id: usado para identificar o registro, selecione o campo de chave primária dessa tabela. (Int (11))
Título: Utilizado para armazenar o assunto de cada atividade que será exibida no aplicativo. ((Varchar (50))
Data de início: a data de início da atividade será registrada. * (Data ou data e hora)
Hora de início: A hora de início da atividade será registrada. * (Data ou data e hora)
Data de término: a data de término da atividade será registrada. * (Data ou data e hora)
Hora de término: A hora de término da atividade será registrada. * (Data ou data e hora)
Recorrência: usado para indicar se o evento se repetirá em um mês, semana ou dia. (Int) (1)
Período: usado para indicar o tipo de recorrência de recorrência: mês, semana ou dia. (Int) (1)

4. Salvamos as alterações e executamos a aplicação.