DateTime Picker

Haga clic para copiar

Recoge el valor de la fecha.


Configuración de la apariencia y el comportamiento

Label (no obligatorio) debe utilizarse 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 de selección.
  • 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

DateTimepicker 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 [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;

DateTimepicker Get Properties

DateTimepicker 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 [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;

DateTimepicker Set Properties

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

DateTimepicker Update Properties

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

DateTimepicker Validate


Ejemplo de uso

En algunos casos es necesario obtener el valor de la marca de tiempo(DateTimepicker Get Properties) y convertirlo en formato de cadena. Para ello se debe utilizar el bloque Date & Time to String.

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

DateTimepicker Get Properties

  • Date & Time to String para convertir el valor de la marca de tiempo en una cadena. Conecte los campos de valor entre sí.

  • Rellene el campo Máscara de formato para convertir el valor de la marca de tiempo con el formato requerido.