DateTime Picker

Click to copy

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 de entrada:

  • Component Id [string] - identificador do componente;

Parâmetros de saí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 Set Properties

Define as propriedades do componente.

Parâmetros de entrada:

  • 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

Actualiza as propriedades do componente.

Parâmetros de entrada:

  • 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 Validate

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

Parâmetros de entrada:

  • Component Id[string] - identificador do componente;

Parâmetros de saída:

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


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

  • 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.