Picker di data

Clicca per copiare

Consente di selezionare una determinata data.


Impostazioni di look and feel

Label (non obbligatorio) da utilizzare per mostrare l'etichetta del componente.

Placeholder (non obbligatorio) da utilizzare per mostrare il segnaposto del componente.

Name (obbligatorio) - nome del componente.

Tooltip (non obbligatorio) - stringa del tooltip.

Min (obbligatorio) - valore minimo di timestamp [formattato unix] da cui partire. È impostato a 0 per impostazione predefinita.

Max (obbligatorio) - valore massimo di timestamp [formattato in unix] che può essere selezionato. Per impostazione predefinita, equivale al momento della creazione;

Step (non obbligatorio) - valore del passo di selezione.

Required (obbligatorio) - indica se la selezione è necessaria o meno. Per impostazione predefinita, è impostato su false.

Allow clear (obbligatorio) - consente di cancellare la selezione. È impostato su false per impostazione predefinita.

Disabled (obbligatorio) - rende il componente disabilitato se attivato. È disattivato per impostazione predefinita.

Visible (obbligatorio) - rende il componente visibile se attivato. È abilitato per impostazione predefinita.


Inneschi del flusso di lavoro

  • onChange - si attiva quando l'opzione a discesa viene modificata.
  • onFocus - si attiva quando il componente viene focalizzato.
  • onBlur - si attiva quando il componente è sfocato.
  • onCreate - si attiva quando il componente viene creato.
  • onShow - si attiva quando il componente viene mostrato.
  • onHide - si attiva quando il componente è nascosto.
  • onDestroy - si attiva quando il componente viene mostrato.
  • onEnterKey - si attiva quando viene premuto il tasto Invio.

Azioni del componente

Datepicker Get Properties

Ottiene le proprietà del componente.

Parametri diingresso :

  • Component Id [string] - identificatore del componente;

Parametri diuscita :

  • Label [string] - etichetta del componente;
  • Placeholder [string] - segnaposto del componente;
  • Allow Clear [boolean] - consente di cancellare la selezione se vero;
  • Disable [boolean] - disabilita il componente se vero;
  • Tooltip [string] - stringa del tooltip;
  • Required [boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo per convalidare il valore;
  • Min [datetime] - valore minimo del timestamp [formattato in unix] da cui partire;
  • Max [datetime] - valore massimo di timestamp [unix formattato] che può essere selezionato;
  • Value [datetime] - valore timestamp [unix formattato] selezionato;
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [Status type] - stato da mostrare durante la convalida del valore;
  • Validate Message [string] - messaggio da visualizzare al momento della convalida del valore;

Datapicker Get Properties

Datepicker Set Properties

Imposta le proprietà del componente.

Parametri diingresso :

  • Component Id [string] - identificatore del componente;
  • Label [string] - etichetta del componente;
  • Placeholder [string] - segnaposto del componente;
  • Allow Clear [boolean] - consente di cancellare la selezione se vero;
  • Disable [boolean] - disabilita il componente se vero;
  • Tooltip [string] - stringa del tooltip;
  • Required [boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo per convalidare il valore;
  • Min [datetime] - valore minimo del timestamp [formattato in unix] da cui partire;
  • Max [datetime] - valore massimo di timestamp [unix formattato] che può essere selezionato;
  • Value [datetime] - valore del timestamp selezionato [unix formattato];
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [Status type] - stato da mostrare durante la convalida del valore;
  • Validate Message [string] - messaggio da visualizzare al momento della convalida del valore;

Datapicker Set Properties

Datepicker Update Properties

Aggiorna le proprietà del componente.

Parametri diinput :

  • Component Id [string] - identificatore del componente;
  • Label [string] - etichetta del componente;
  • Placeholder [string] - segnaposto del componente;
  • Allow Clear [boolean] - consente di cancellare la selezione se vero;
  • Disable [boolean] - disabilita il componente se vero;
  • Tooltip [string] - stringa del tooltip;
  • Required [boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo per convalidare il valore;
  • Min [datetime] - valore minimo del timestamp [formattato in unix] da cui partire;
  • Max [datetime] - valore massimo di timestamp [unix formattato] che può essere selezionato;
  • Value [datetime] - valore timestamp [unix formattato] selezionato;
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [Status type] - stato da mostrare durante la convalida del valore;
  • Validate Message [string] - messaggio da visualizzare al momento della convalida del valore;

Datapicker Update Properties

Datepicker Validate

Convalida il valore del timestamp selezionato dal componente DateTime Picker.

Parametri diingresso :

  • Component Id [string] - identificatore del componente;

Parametri diuscita :

  • Success [boolean] - risultato della convalida;
  • Error [string] - messaggio di errore;

Datapicker Validate


Esempio di utilizzo

La data può essere suddivisa in diverse parti, come anni, mesi e giorni.

  • Trascinare il blocco Datepicker Get Properties e rilasciarlo nell'area di disegno. Component ID deve essere specificato per ottenere il valore dal componente Date Picker componente

  • Il valore selezionato può essere suddiviso in alcune parti minori, come anni, mesi e giorni. Expand date deve essere utilizzato.