O componente Hora é utilizado quando se quer selecionar ou apresentar um dado do tipo time.

Figura 1 - Exemplo de imagem do componente sendo executado no browser

Uso

O componente Hora possui algumas funcionalidades para facilitar o usuário na seleção do horário.

Figura 2 - Identificação das funcionalidades do componente hora

Principais propriedades

Aba de Propriedades

Na tabela abaixo estão descritas as principais propriedades do componente Hora.

Nome	Propriedade	Função

Nome	Propriedade	Função
Título	content	Define o rótulo do campo.
Tipo	type	Propriedade usada para definir o tipo de entrada. O campo deve está marcado como Time ou Time Local para funcionar.
Valor	ng-model	Propriedade Cronapp MVC que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.
Requerido	ng-required	Propriedade Cronapp MVC usada para definir se o atributo é obrigatório.
Identificador	id	Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Estilo	style	Altera o estilo geral do componente da forma inline.
Exibir	ng-show	Propriedade Cronapp MVC usada para mostrar ou oculta o componente.
Repetir	crn-repeat	Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
Segurança	cronapp-security	Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis de selecionados.
Skin	crn-skin	Permite selecionar um skin que afetará apenas o componente selecionado.
Classes CSS	class	Adiciona classes CSS que já foram criadas.

Aba de Eventos

Na tabela abaixo estão descritos os principais eventos disponíveis para o componente Hora.

Nome	Propriedade	Função

Nome	Propriedade	Função
Ao Iniciar	ng-init	Executa uma ação assim que o componente é renderizado na tela.
Ao Clicar	ng-click	Executa uma ação quando o componente receber um clique com o mouse ou um toque na tela.
Ao Duplo Clicar	ng-dblclick	Executa uma ação quando o usuário clica duas vezes seguidas com o botão do mouse em um componente.
Apertar Tecla	ng-keydown	Executa uma ação assim que uma tecla é acionada no teclado.
Ao Soltar Tecla	ng-keyup	Executa uma ação ao soltar uma tecla do teclado.
Ao Focar	ng-focus	Executa uma ação assim que o componente é focado.
Ao Sair do Foco	ng-blur	Executa uma ação assim que o componente sai de foco.
Ao Entrar com Mouse	ng-mouseenter	Executa uma ação quando o ponteiro do mouse é movido de fora para dentro do elemento.
Ao Sair com Mouse	ng-mouseleave	Executa uma ação quando o ponteiro do mouse é movido de dentro para fora do elemento.
Ao Mover Mouse	ng-mousemove	Executa uma ação sempre que o evento de movimento do mouse ocorrer sobre o elemento.
Evento de copiar	ng-copy	Executa uma ação assim que o elemento é copiado do componente.
Ao Colar	ng-paste	Executa uma ação assim que o elemento é colado no componente.

Aba de Estilos

Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente Hora.

Nome em português	Nome em inglês	Descrição

Nome em português	Nome em inglês	Descrição
Título	Title	Estiliza o título do componente.
Entrada de Dados	Input	Estiliza a entrada de dados do componente.
Sugestão	Placeholder	Estiliza a sugestão do componente.

Nome em inglês

Hour

Nessa página

Compatibilidade

Equivalente mobile

Entrada de Texto (mobile)

Botão do Componente

Imagem no Editor Visual