Date Picker

Clique para copiar

Permite seleccionar uma determinada data.


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 [formato unix] a partir do qual se inicia. É definido como 0 por defeito.

Max (obrigatório) - valor máximo do carimbo da hora [formatado unix] que pode ser seleccionado. Equivavalente ao momento de 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 de largada é alterada.
  • onFocus - dispara quando o componente está a ser focado.
  • onBlur - dispara quando o componente está desfocado.
  • onCreate - dispara quando o componente está a ser criado.
  • onShow - dispara quando a componente é mostrada.
  • onHide - dispara quando o componente está escondido.
  • onDestroy - dispara quando a componente é mostrada.
  • onEnterKey - dispara quando a tecla Enter é premida.

Acções Componentes

Datepicker 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 de tempo [formato unix] para começar a partir;
  • Max [datetime] - valor máximo do carimbo da hora [formatado unix] que pode ser seleccionado;
  • Value [datetime] - valor de carimbo da hora seleccionado [formatado unix];
  • 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;

Datapicker Get Properties

Datepicker 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 de tempo [formato unix] para começar a partir;
  • Max [datetime] - valor máximo do carimbo da hora [formatado unix] que pode ser seleccionado;
  • Value [datetime] - valor de carimbo da hora seleccionado [formatado unix];
  • 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;

Datapicker Set Properties

Datepicker 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 de tempo [formato unix] para começar a partir;
  • Max [datetime] - valor máximo do carimbo da hora [formatado unix] que pode ser seleccionado;
  • Value [datetime] - valor de carimbo da hora seleccionado [formatado unix];
  • 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;

Datapicker Update Properties

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

Datapicker Validate


Exemplo de utilização

A data pode ser dividida em algumas partes diferentes, como anos, meses e dias.

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

  • O valor seleccionado pode ser dividido em algumas partes menores, como anos, meses e dias. Expand date tem de ser utilizado.