DateTime Picker

Clique para copiar

Escolhe o valor da data/hora.


Configurações de Look and Feel

Label (não obrigatório) a serem utilizados 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.


Despoletadores de fluxo de trabalho

  • onChange - dispara quando a opção 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

DateTimepicker 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;

DateTimepicker Get Properties

DateTimepicker 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;

DateTimepicker Set Properties

DateTimepicker 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;

DateTimepicker Update Properties

DateTimepicker 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;

DateTimepicker Validate


Exemplo de utilização

Em alguns casos é necessário obter o valor do carimbo da hora(DateTimepicker Get Properties) e convertê-lo em formato de string. Para este efeito, tem de ser utilizado o bloco Data & Hora para String.

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

DateTimepicker Get Properties

  • Date & Time to String bloco tem de ser utilizado para converter o valor do carimbo da hora na cadeia. Ligar os campos de valores uns com os outros.

  • Preencher o campo Format mask para converter o valor do carimbo da hora com o formato requerido.