Time picker

Click to copy

Permite seleccionar la marca de tiempo.


Configuración de la apariencia y el comportamiento

Label(no obligatorio) para mostrar la etiqueta del componente.

Placeholder(no obligatorio) para mostrar el marcador de posición del componente.

Name(obligatorio) - nombre del componente.

Tooltip(no obligatorio) - cadena de información sobre la herramienta.

Min(obligatorio) - valor mínimo de la marca de tiempo [unix formatted] para empezar. Se establece en 0 por defecto.

Max(obligatorio) - valor máximo de la marca de tiempo [unix formatted] que se puede seleccionar. Equivale al momento de creación por defecto.

Step(no obligatorio) - valor del paso de selección.

Required(obligatorio) - marca si la selección es necesaria o no. Se establece en falso por defecto.

Allow clear (obligatorio) - permite borrar la selección. Por defecto es falso.

Disabled (obligatorio) - hace que el componente se desactive si está activado. Está desactivado por defecto.

Visible (obligatorio) - hace que el componente sea visible si está activado. Se activa por defecto.


Activadores del flujo de trabajo

  • onChange- se dispara cuando se cambia la opción desplegable.
  • onFocus- se dispara cuando se enfoca el componente Select.
  • onBlur- se dispara cuando el componente Select se desdibuja.
  • onCreate- se activa cuando se crea el componente.
  • onShow- se activa cuando se muestra el componente.
  • onHide- se activa cuando el componente se oculta.
  • onDestroy- se dispara cuando se muestra el componente.
  • onEnterKey- se dispara cuando se pulsa la tecla Enter.

Acciones del componente:

Timepicker Get Properties

Obtiene las propiedades del componente.

Parámetros de entrada:

  • Component Id [string] - identificador del componente;

Parámetros de salida:

  • Label[string] - etiqueta del componente;
  • Placeholder[string] - marcador de posición del componente;
  • Allow Clear[boolean] - permite borrar la selección si es cierto;
  • Disable[boolean] - desactiva el componente si es verdadero;
  • Tooltip[string] - cadena de información sobre herramientas;
  • Required[boolean] - muestra la marca requerida si es verdadera;
  • Debounce(ms) [integer] - retraso para validar el valor
  • Min[datetime] - valor mínimo de la marca de tiempo [unix formatted] del que se parte;
  • Max[datetime] - valor máximo de timestamp [unix formatted] que se puede seleccionar;
  • Value[datetime] - valor de la marca de tiempo seleccionada [unix formatted];
  • Validate Icon [boolean] - icono que se mostrará al validar el valor;
  • Validate Status [Status type] - estado que se mostrará al validar el valor;
  • Validate Message [string] - mensaje que se mostrará al validar el valor;

Timepicker Set Properties

Establece las propiedades del componente.

Parámetros de entrada:

  • Component Id [string] - identificador del componente;
  • Label[string] - etiqueta del componente;
  • Placeholder[string] - marcador de posición del componente;
  • Allow Clear[boolean] - permite borrar la selección si es verdadero
  • Disable[boolean] - desactiva el componente si es verdadero;
  • Tooltip[string] - cadena de información sobre herramientas;
  • Required[boolean] - muestra la marca requerida si es verdadera;
  • Debounce (ms) [integer] - retraso para validar el valor
  • Min[datetime] - valor mínimo de la marca de tiempo [unix formatted] del que se parte;
  • Max[datetime] - valor máximo de timestamp [unix formatted] que se puede seleccionar;
  • Value[datetime] - valor de la marca de tiempo seleccionada [unix formatted];
  • Validate Icon [boolean] - icono que se mostrará al validar el valor;
  • Validate Status [Status type] - estado que se mostrará al validar el valor;
  • Validate Message [string] - mensaje que se mostrará al validar el valor;

Timepicker Update Properties

Actualiza las propiedades del componente.

Parámetros de entrada:

  • Component Id [string] - identificador del componente;
  • Label[string] - etiqueta del componente;
  • Placeholder[string] - marcador de posición del componente;
  • Allow Clear[boolean] - permite borrar la selección si es verdadero
  • Disable[boolean] - desactiva el componente si es verdadero;
  • Tooltip[string] - cadena de información sobre herramientas;
  • Required[boolean] - muestra la marca requerida si es verdadera;
  • Debounce (ms) [integer] - retraso para validar el valor
  • Min[datetime] - valor mínimo de la marca de tiempo [unix formatted] del que se parte;
  • Max[datetime] - valor máximo de timestamp [unix formatted] que se puede seleccionar;
  • Value[datetime] - valor de la marca de tiempo seleccionada [unix formatted];
  • Validate Icon [boolean] - icono que se mostrará al validar el valor;
  • Validate Status [Status type] - estado que se mostrará al validar el valor;
  • Validate Message [string] - mensaje que se mostrará al validar el valor;

Timepicker Validate

Valida el valor de la marca de tiempo seleccionada en el componente DateTime Picker.

Parámetros de entrada:

  • Component Id [string] - identificador del componente;

Parámetros de salida:

  • Success[boolean] - resultado de la validación;
  • Error[string] - mensaje de error;


Ejemplo de uso

Para analizar el tiempo seleccionado y obtener todos sus compuestos, se debe utilizar la siguiente lógica

  • Arrastre el bloque Timepicker Get Properties bloque y suéltelo en el lienzo. Component ID tiene que ser especificado para obtener el valor del Time Picker componente.

  • El valor seleccionado puede dividirse en algunas partes menores, como segundos, minutos, etc. Expand time tiene que ser utilizado.