Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 11 Atual »

Função

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


  1. Hora atual: ao clicar o campo altera para a hora atual;
  2. Incrementa ou decrementa as horas, minutos e segundos;
  3. Hora selecionada: Hora : Minuto : Segundo.

Principais propriedades

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

Nome

Propriedade

Função

Título

content

Define o rótulo do campo.

TipotypePropriedade usada para definir o tipo de entrada. O campo deve está marcado como Time ou Time Local para funcionar.

Valor

ng-model

Propriedade Angular que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.

Requerido

ng-required

Propriedade Angular usada para definir se o atributo é obrigatório.

IdentificadoridAtributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
EstilostyleAltera o estilo geral do componente da forma inline.

Exibir

ng-show

Propriedade Angular 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.

Classes CSS

class

Adiciona classes CSS que já foram criadas.

Aba de Estilos

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

Nome em portuguêsNome em inglêsDescrição

Título

Title

Estiliza o título do componente.

Entrada de Dados

Input

Estiliza a entrada de dados do componente.
SugestãoPlaceholderEstiliza a sugestão do componente.

Nome em inglês

Hour


Nessa página


Compatibilidade

  • Formulário web


Equivalente mobile

Entrada de Texto (mobile)


Botão do Componente


Imagem no Editor Visual


  • Sem rótulos