Date Picker

Haga clic para copiar

Permite seleccionar una fecha determinada.


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 [con formato unix] a partir del cual se debe comenzar. Se establece en 0 por defecto.

Max (obligatorio) - valor máximo de la marca de tiempo [con formato unix] 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.
  • onBlur - se dispara cuando el componente se desdibuja.
  • onCreate - se activa cuando se crea el componente.
  • onShow - se dispara cuando se muestra el componente.
  • onHide - se dispara 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

Datepicker Get Properties

Obtiene las propiedades del componente.

Parámetros deentrada :

  • Component Id [string] - identificador del componente;

Parámetros desalida :

  • 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 [con formato unix] desde el que se puede empezar;
  • Max [datetime] - valor máximo de timestamp [unix formatted] que se puede seleccionar;
  • Value [datetime] - valor de la marca de tiempo seleccionada [con formato unix];
  • 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;

Datapicker Get Properties

Datepicker Set Properties

Establece las propiedades del componente.

Parámetrosde 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 [con formato unix] desde el que se puede empezar;
  • Max [datetime] - valor máximo de timestamp [unix formatted] que se puede seleccionar;
  • Value [datetime] - valor de la marca de tiempo seleccionada [con formato unix];
  • 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;

Datapicker Set Properties

Datepicker 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 [con formato unix] desde el que se puede empezar;
  • Max [datetime] - valor máximo de timestamp [unix formatted] que se puede seleccionar;
  • Value [datetime] - valor de la marca de tiempo seleccionada [con formato unix];
  • 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;

Datapicker Update Properties

Datepicker 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 desalida :

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

Datapicker Validate


Ejemplo de uso

La fecha puede dividirse en diferentes partes como años, meses y días.

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

  • El valor seleccionado puede ser dividido en algunas partes menores, como años, meses y días. Expand date tiene que ser utilizado.