Time picker

Kopyalamak için tıklayın

Zaman damgasını seçmenize izin verir.


Bak ve Hisset Ayarları

Bileşenin etiketini göstermek için kullanılacak Label (zorunlu değil).

Bileşenin yer tutucusunu göstermek için kullanılacak yer Placeholder (zorunlu değil).

Name (zorunlu) - bileşenin adı.

Araç Tooltip (zorunlu değil) - araç ipucu dizesi.

Min (zorunlu) - başlangıç için minimum zaman damgası değeri [unix formatted] . Varsayılan olarak 0'a ayarlanmıştır.

Max (zorunlu) - seçilebilecek maksimum zaman damgası değeri [unix formatted] . Varsayılan olarak oluşturma anına eşdeğerdir.

Step (zorunlu değil) - seçim adımı değeri.

Required (zorunlu) - seçimin gerekli olup olmadığını belirtir. Varsayılan olarak false olarak ayarlanmıştır.

Allow clear (zorunlu) - seçimde temizlemeye izin verir. Varsayılan olarak false olarak ayarlanmıştır.

Disabled (zorunlu) - açılırsa bileşeni devre dışı bırakır. Varsayılan olarak kapalıdır.

Visible (zorunlu) - açıksa bileşeni görünür kılar. Varsayılan olarak etkindir.

Time Picker


İş akışı tetikleyicileri

  • onChange - açılır seçenek değiştirildiğinde tetiklenir.
  • onFocus - Select bileşenine odaklanıldığında tetiklenir.
  • onBlur - Select bileşeni bulanık olduğunda tetiklenir.
  • onCreate - bileşen oluşturulduğunda tetiklenir.
  • onShow - bileşen gösterildiğinde tetiklenir.
  • onHide - bileşen gizlendiğinde tetiklenir.
  • onDestroy - bileşen gösterildiğinde tetiklenir.
  • onEnterKey - Enter tuşuna basıldığında tetiklenir.

Bileşen Eylemleri:

Timepicker Get Properties

Bileşenin özelliklerini alır.

Giriş parametreleri:

  • Component Id [string] - bileşenin tanımlayıcısı;

Çıkış parametreleri:

  • Label [string] - bileşenin etiketi;
  • Placeholder [string] - bileşenin yer tutucusu;
  • Allow Clear [boolean] - doğruysa seçimi temizlemeye izin verir;
  • Disable [boolean] - true ise bileşeni devre dışı bırakır;
  • Araç Tooltip [string] - araç ipucu dizesi;
  • Required [boolean] - doğruysa gerekli işareti gösterir;
  • Debounce (ms) [integer] - değeri doğrulamak için gecikme;
  • Min [datetime] - başlangıç için minimum zaman damgası değeri [unix formatted] ;
  • Max [datetime] - seçilebilecek maksimum zaman damgası değeri [unix formatted] ;
  • Value [datetime] - seçilen zaman damgası değeri [unix formatted] ;
  • Validate Icon [boolean] - değeri doğrulamak için gösterilecek simge;
  • Validate Status [Status type] - değeri doğrularken gösterilecek durum;
  • Validate Message [string] - değeri doğrulamak için gösterilecek mesaj;

Timepicker Get Properties

Timepicker Set Properties

Bileşenin özelliklerini ayarlar.

Giriş parametreleri:

  • Component Id [string] - bileşenin tanımlayıcısı;
  • Label [string] - bileşenin etiketi;
  • Placeholder [string] - bileşenin yer tutucusu;
  • Allow Clear [boolean] - doğruysa seçimi temizlemeye izin verir;
  • Disable [boolean] - true ise bileşeni devre dışı bırakır;
  • Araç Tooltip [string] - araç ipucu dizesi;
  • Required [boolean] - doğruysa gerekli işareti gösterir;
  • Debounce (ms) [integer] - değeri doğrulamak için gecikme;
  • Min [datetime] - başlangıç için minimum zaman damgası değeri [unix formatted] ;
  • Max [datetime] - seçilebilecek maksimum zaman damgası değeri [unix formatted] ;
  • Value [datetime] - seçilen zaman damgası değeri [unix formatted] ;
  • Validate Icon [boolean] - değeri doğrulamak için gösterilecek simge;
  • Validate Status [Status type] - değeri doğrularken gösterilecek durum;
  • Validate Message [string] - değeri doğrulamak için gösterilecek mesaj;

Timepicker Set Properties

Timepicker Update Properties

Bileşenin özelliklerini günceller.

Giriş parametreleri:

  • Component Id [string] - bileşenin tanımlayıcısı;
  • Label [string] - bileşenin etiketi;
  • Placeholder [string] - bileşenin yer tutucusu;
  • Allow Clear [boolean] - doğruysa seçimi temizlemeye izin verir;
  • Disable [boolean] - true ise bileşeni devre dışı bırakır;
  • Araç Tooltip [string] - araç ipucu dizesi;
  • Required [boolean] - doğruysa gerekli işareti gösterir;
  • Debounce (ms) [integer] - değeri doğrulamak için gecikme;
  • Min [datetime] - başlangıç için minimum zaman damgası değeri [unix formatted] ;
  • Max [datetime] - seçilebilecek maksimum zaman damgası değeri [unix formatted] ;
  • Value [datetime] - seçilen zaman damgası değeri [unix formatted] ;
  • Validate Icon [boolean] - değeri doğrulamak için gösterilecek simge;
  • Validate Status [Status type] - değeri doğrularken gösterilecek durum;
  • Validate Message [string] - değeri doğrulamak için gösterilecek mesaj;

Timepicker Update Properties

Timepicker Validate

DateTime Picker bileşeninden seçilen zaman damgası değerini doğrular.

Giriş parametreleri:

  • Component Id [string] - bileşenin tanımlayıcısı;

Çıkış parametreleri:

  • Success [boolean] - doğrulama sonucu;
  • Error [string] - hata mesajı;

Timepicker Validate


kullanım örneği

Seçilen zamanı ayrıştırmak ve tüm bileşiklerini almak için aşağıdaki mantık kullanılmalıdır.

  • Timepicker Get Properties bloğunu sürükleyin ve tuvale bırakın. Time Picker bileşeninden değer almak için Component ID belirtilmelidir.

  • Seçilen değer saniye, dakika vb. gibi bazı küçük parçalara bölünebilir. Expand time kullanılmalıdır.