Scegliere l'ora

Clicca per copiare

Permette di selezionare il timestamp.


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 del timestamp [unix formatted] da cui partire. È impostato a 0 per impostazione predefinita.

Max (obbligatorio) - valore massimo di timestamp [unix formatted] che può essere selezionato. Equivale al momento della creazione, per impostazione predefinita.

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.

Time Picker


Inneschi del flusso di lavoro

  • onChange - si attiva quando l'opzione a discesa viene modificata.
  • onFocus - si attiva quando il componente Select viene focalizzato.
  • onBlur - si attiva quando il componente di selezione è 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:

Timepicker Get Properties

Ottiene le proprietà del componente.

Parametridi ingresso :

  • 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 la convalida del valore;
  • Min [datetime] - valore minimo del timestamp [unix formatted] da cui partire;
  • Max [datetime] - valore massimo del timestamp [unix formatted] che può essere selezionato;
  • Value [datetime] - valore del timestamp selezionato [unix formatted];
  • 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;

Timepicker Get Properties

Timepicker 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 la convalida del valore;
  • Min [datetime] - valore minimo del timestamp [unix formatted] da cui partire;
  • Max [datetime] - valore massimo del timestamp [unix formatted] che può essere selezionato;
  • Value [datetime] - valore del timestamp selezionato [unix formatted];
  • 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;

Timepicker Set Properties

Timepicker 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 la convalida del valore;
  • Min [datetime] - valore minimo del timestamp [unix formatted] da cui partire;
  • Max [datetime] - valore massimo del timestamp [unix formatted] che può essere selezionato;
  • Value [datetime] - valore del timestamp selezionato [unix formatted];
  • 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;

Timepicker Update Properties

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

Timepicker Validate


Esempio di utilizzo

Per analizzare l'ora selezionata e ottenere tutti i suoi componenti, si deve utilizzare la seguente logica

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

  • Il valore selezionato può essere suddiviso in alcune parti minori, come secondi, minuti ecc. Expand time deve essere utilizzato.