Date Picker

Kopyalamak için tıklayın

Belirli bir tarihin seçilmesine 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 formatlı]. Varsayılan olarak 0'a ayarlanmıştır.

Max (zorunlu) - seçilebilecek maksimum zaman damgası değeri [unix formatlı]. 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.


İş akışı tetikleyicileri

  • onChange - açılır seçenek değiştirildiğinde tetiklenir.
  • onFocus - bileşene odaklanıldığında tetiklenir.
  • onBlur - bileşen 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

Datepicker 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 formatlı];
  • Max [datetime] - seçilebilecek maksimum zaman damgası değeri [unix formatlı];
  • Value [datetime] - seçilen zaman damgası değeri [unix formatlı];
  • 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;

Datapicker Get Properties

Datepicker 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 formatlı];
  • Max [datetime] - seçilebilecek maksimum zaman damgası değeri [unix formatlı];
  • Value [datetime] - seçilen zaman damgası değeri [unix formatlı];
  • 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;

Datapicker Set Properties

Datepicker 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 formatlı];
  • Max [datetime] - seçilebilecek maksimum zaman damgası değeri [unix formatlı];
  • Value [datetime] - seçilen zaman damgası değeri [unix formatlı];
  • 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;

Datapicker Update Properties

Datepicker 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ı;

Datapicker Validate


kullanım örneği

Tarih, yıl, ay ve gün gibi bazı farklı bölümlere ayrılabilir.

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

  • Seçilen değer, yıllar, aylar ve günler gibi bazı küçük parçalara bölünebilir. Expand date kullanılmalıdır.