Wybieraczka DateTime

Kliknij, aby skopiować

Wybiera wartość datetime.


Ustawienia wyglądu i działania

Label (nieobowiązkowe) do wykorzystania w celu wyświetlenia etykiety komponentu.

Placeholder (nieobowiązkowe) do wykorzystania do wyświetlenia placeholder komponentu.

Name (obowiązkowo) - nazwa komponentu.

Tooltip (nie obowiązkowe) - ciąg znaków narzędziowych.

Min (obowiązkowy) - minimalna wartość timestampa [unix formatted], od której należy zacząć. Domyślnie jest ustawiona na 0.

Max (obowiązkowy) - maksymalna wartość timestampu [unix formatted], od której można rozpocząć. Domyślnie równa się momentowi utworzenia.

Step (nie obowiązkowe) - wartość kroku selekcji.

Required (obowiązkowy) - określa, czy wybór jest wymagany czy nie. Domyślnie jest ustawiona na false.

Allow clear (obowiązkowy) - umożliwia wyczyszczenie przy zaznaczeniu. Domyślnie ustawiony jest na false.

Disabled (obowiązkowy) - sprawia, że komponent jest wyłączony, jeżeli jest włączony. Jest domyślnie wyłączone.

Visible (mandatory) - sprawia, że komponent jest widoczny, jeśli jest włączony. Jest domyślnie włączony.


Wyzwalacze przepływu pracy

  • onChange - wywołuje się, gdy opcja rozwijana jest zmieniana.
  • onFocus - Zostaje wywołany, gdy element Select jest skoncentrowany.
  • onBlur - Zostaje wywołany, gdy element Wybierz jest zamazany.
  • onCreate - Zostaje wywołany podczas tworzenia elementu.
  • onShow - jest uruchamiany, gdy element jest pokazywany.
  • onHide - Zostaje wywołany, gdy element jest ukryty.
  • onDestroy - Zostaje odpalony, gdy element jest pokazany.
  • onEnterKey - zostanie wywołany po naciśnięciu klawisza Enter.

Akcje komponentów

DateTimepicker Get Properties

Pobiera właściwości komponentu.

Parametrywejściowe :

  • Component Id [string] - identyfikator komponentu;

Parametrywyjściowe :

  • Label [string] - etykieta komponentu;
  • Placeholder [string] - miejsce komponentu;
  • Allow Clear [boolean] - umożliwia wyczyszczenie zaznaczenia, jeżeli jest to prawda;
  • Disable [boolean] - wyłącza komponent, jeśli prawda;
  • Tooltip [string] - tooltip string;
  • Required [boolean] - pokazuje wymagane zaznaczenie, jeśli true;
  • Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
  • Min [datetime] - minimalna wartość znacznika czasu [unix formatted], od której można zacząć;
  • Max [datetime] - maksymalna wartość znacznika czasu [unix formatted], która może zostać wybrana;
  • Value [datetime] - wybrana wartość timestampa [unix formatted];
  • Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas walidacji wartości;
  • Validate Status [Status type] - status do wyświetlenia przy sprawdzaniu wartości;
  • Validate Message [string] - komunikat do wyświetlenia przy sprawdzaniu wartości;

DateTimepicker Get Properties

DateTimepicker Set Properties

Ustawia właściwości komponentu.

Parametrywejściowe :

  • Component Id [string] - identyfikator komponentu;
  • Label [string] - etykieta elementu;
  • Placeholder [string] - placeholder komponentu;
  • Allow Clear [boolean] - umożliwia wyczyszczenie zaznaczenia, jeśli true;
  • Disable [boolean] - wyłącza komponent jeśli true;
  • Tooltip [string] - tooltip string;
  • Required [boolean] - pokazuje wymagane zaznaczenie, jeśli true;
  • Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
  • Min [datetime] - minimalna wartość znacznika czasu [unix formatted], od której można zacząć;
  • Max [datetime] - maksymalna wartość znacznika czasu [unix formatted], która może zostać wybrana;
  • Value [datetime] - wybrana wartość timestampa [unix formatted];
  • Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas walidacji wartości;
  • Validate Status [Status type]- status do wyświetlenia przy sprawdzaniu wartości;
  • Validate Message [string] - komunikat do wyświetlenia przy sprawdzaniu wartości;

DateTimepicker Set Properties

DateTimepicker Update Properties

Aktualizuje właściwości komponentu.

Parametrywejściowe :

  • Component Id [string] - identyfikator komponentu;
  • Label [string] - etykieta elementu;
  • Placeholder [string] - placeholder komponentu;
  • Allow Clear [boolean] - umożliwia wyczyszczenie zaznaczenia, jeśli true;
  • Disable [boolean] - wyłącza komponent jeśli true;
  • Tooltip [string] - tooltip string;
  • Required [boolean] - pokazuje wymagane zaznaczenie, jeśli true;
  • Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
  • Min [datetime] - minimalna wartość znacznika czasu [unix formatted], od której można zacząć;
  • Max [datetime] - maksymalna wartość znacznika czasu [unix formatted], która może zostać wybrana;
  • Value [datetime] - wybrana wartość timestampa [unix formatted];
  • Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas walidacji wartości;
  • Validate Status [Status type]- status do wyświetlenia przy sprawdzaniu wartości;
  • Validate Message [string] - komunikat do wyświetlenia przy sprawdzaniu wartości;

DateTimepicker Update Properties

DateTimepicker Validate

Zatwierdza wybraną wartość znacznika czasu z komponentu DateTime Picker.

Parametrywejściowe :

  • Component Id [string] - identyfikator komponentu;

Parametrywyjściowe :

  • Success [boolean] - wynik walidacji;
  • Error [string] - komunikat o błędzie;

DateTimepicker Validate


Przykład użycia.

W niektórych przypadkach jest wymagane uzyskanie wartości timestampa(DateTimepicker Get Properties) i jej konwersja do formatu łańcuchowego. W tym celu należy zastosować blok Date & Time to String.

  • Przeciągnij DateTimepicker Get Properties i upuść go na płótno. Component ID musi być określony, aby uzyskać wartość z DateTime Picker element

DateTimepicker Get Properties

  • Date & Time to String blok musi być użyty do konwersji wartości timestamp na ciąg znaków. Połącz ze sobą pola wartości.

  • Wypełnij pole Format mask, aby przekonwertować wartość timestampa na wymagany format.