O componente Hora é utilizado quando se quer apresentar informações do tipo time. Por padrão, o componente é iniciado com configurações básicas, como por exemplo a propriedade Tipo definida como time, que são facilmente acessadas através do menu de propriedades do componente.
Figura 1 - Exemplo de imagem do componente executando 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
Hora atual: ao clicar o campo altera para a hora atual;
Incrementa ou decrementa as horas, minutos e segundos;
Hora selecionada: Hora : Minuto : Segundo.
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome
Propriedade
Função
Conteúdo
content
Define o rótulo do campo.
Valor
ng-model
Propriedade AngularJS que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.
Tipo
type
Propriedade usada para definir o tipo de entrada. O campo deve está marcado comodatetime para funcionar.
Mascara
mask
Define como a data será exibida.
Requerido
ng-required
Propriedade AngularJS usada para definir se o atributo é obrigatório.
Sugestão
placeholder
Exibe um exemplo de resposta para o usuário quando o campo está vazio.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
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.
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
Título
Title
Estiliza o título do componente.
Entrada de Dados
Input
Estiliza a entrada de dados do componente.
Máscara
Use essa propriedade para escolher como deseja exibir a data, podendo usar qualquer padrão, exemplo: Dia/Mês/Ano ou Mês-Dia-Ano ou outros. Para mais detalhes sobre máscara, acesse:Formatação de máscaras na camada cliente.