Time picker

Clique para copiar

Permite seleccionar o carimbo da hora.


Configurações de Look and Feel

Label (não obrigatório) a ser utilizado para mostrar a etiqueta do componente.

Placeholder (não obrigatório) a ser utilizado para mostrar o espaço reservado ao componente.

Name (obrigatório) - nome do componente.

Tooltip (não obrigatório) - cadeia de ferramentas.

Min (obrigatório) - valor mínimo do carimbo da hora [unix formatted] para começar. É definido como 0 por defeito.

Max (obrigatório) - valor máximo do carimbo da hora [unix formatted] que pode ser seleccionado. Equivalente ao momento da criação por defeito.

Step (não obrigatório) - valor do passo de selecção.

Required (obrigatório) - marca se a selecção é obrigatória ou não. É definido como falso por defeito.

Allow clear (obrigatório) - permite a selecção clara no momento da selecção. É definido como falso por defeito.

Disabled (obrigatório) - torna o componente desactivado se estiver ligado. É desactivado por defeito.

Visible (obrigatório) - torna o componente visível se estiver ligado. Activado por defeito.

Time Picker


Despoletadores de fluxo de trabalho

  • onChange - dispara quando a opção de dropdown é alterada.
  • onFocus - dispara quando o componente Select está a ser focado.
  • onBlur - dispara quando o componente Select está desfocado.
  • onCreate - dispara quando o componente está a ser criado.
  • onShow - dispara quando o componente é mostrado.
  • onHide - dispara quando o componente está oculto.
  • onDestroy - dispara quando o componente é mostrado.
  • onEnterKey - dispara quando a tecla Enter é premida.

Acções Componentes:

Timepicker Get Properties

Obtém as propriedades do componente.

Parâmetros deentrada :

  • Component Id [string] - identificador do componente;

Parâmetros desaída :

  • Label [string] - etiqueta do componente;
  • Placeholder [string] - o espaço reservado ao componente;
  • Allow Clear [boolean] - permite limpar a selecção se for verdadeira;
  • Disable [boolean] - desactiva o componente se for verdadeiro;
  • Tooltip [string] - cadeia de ferramentas;
  • Required [boolean] - mostra a marca requerida se for verdadeira;
  • Debounce (ms) [integer] - atraso para validar o valor;
  • Min [datetime] - valor mínimo do carimbo da hora [unix formatted] a partir do qual se pode começar;
  • Max [datetime] - valor máximo do carimbo da hora [unix formatted] que pode ser seleccionado;
  • Value [datetime] - valor de carimbo da hora seleccionado [unix formatted];
  • Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
  • Validate Status [Status type] - estado a ser mostrado ao validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor;

Timepicker Get Properties

Timepicker Set Properties

Define as propriedades do componente.

Parâmetros deentrada :

  • Component Id [string] - identificador do componente;
  • Label [string] - etiqueta do componente;
  • Placeholder [string] - espaço reservado ao componente;
  • Allow Clear [boolean] - permite limpar a selecção se for verdade;
  • Disable [boolean] - desactiva o componente se for verdadeiro;
  • Tooltip [string] - cadeia de ferramentas;
  • Required [boolean] - mostra a marca requerida se for verdadeira;
  • Debounce (ms) [integer] - atraso para validar o valor;
  • Min [datetime] - valor mínimo do carimbo da hora [unix formatted] a partir do qual se pode começar;
  • Max [datetime] - valor máximo do carimbo da hora [unix formatted] que pode ser seleccionado;
  • Value [datetime] - valor de carimbo da hora seleccionado [unix formatted];
  • Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
  • Validate Status [Status type] - estado a ser mostrado ao validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor;

Timepicker Set Properties

Timepicker Update Properties

Actualiza as propriedades do componente.

Parâmetros deentrada :

  • Component Id [string] - identificador do componente;
  • Label [string] - etiqueta do componente;
  • Placeholder [string] - espaço reservado ao componente;
  • Allow Clear [boolean] - permite limpar a selecção se for verdade;
  • Disable [boolean] - desactiva o componente se for verdadeiro;
  • Tooltip [string] - cadeia de ferramentas;
  • Required [boolean] - mostra a marca requerida se for verdadeira;
  • Debounce (ms) [integer] - atraso para validar o valor;
  • Min [datetime] - valor mínimo do carimbo da hora [unix formatted] a partir do qual se pode começar;
  • Max [datetime] - valor máximo do carimbo da hora [unix formatted] que pode ser seleccionado;
  • Value [datetime] - valor de carimbo da hora seleccionado [unix formatted];
  • Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
  • Validate Status [Status type] - estado a ser mostrado ao validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor;

Timepicker Update Properties

Timepicker Validate

Valida o valor do carimbo temporal seleccionado a partir do componente DateTime Picker.

Parâmetros deentrada :

  • Component Id [string] - identificador do componente;

Parâmetros desaída :

  • Success [boolean] - resultado da validação;
  • Error [string] - mensagem de erro;

Timepicker Validate


Exemplo de utilização

Para analisar o tempo seleccionado e obter todos os seus compósitos, deve ser utilizada a seguinte lógica

  • Arraste o Timepicker Get Properties bloquear e largar na lona. Component ID tem de ser especificado a fim de obter o valor do Time Picker componente.

  • O valor seleccionado pode ser dividido em algumas partes menores, como segundos, minutos, etc. Expand time tem de ser utilizado.