Time picker
Memungkinkan untuk memilih stempel waktu.
Pengaturan Tampilan dan Nuansa
Label (tidak wajib) digunakan untuk menunjukkan label komponen.
Placeholder (tidak wajib) digunakan untuk menunjukkan placeholder komponen.
Name (wajib) - nama komponen.
Tooltip (tidak wajib) - string tooltip.
Min (wajib) - nilai stempel waktu minimum [unix formatted] untuk memulai. Diset ke 0 secara default.
Max (wajib) - nilai stempel waktu maksimum [unix formatted] yang dapat dipilih. Setara dengan saat pembuatan secara default.
Step (tidak wajib) - nilai langkah pemilihan.
Required (wajib) - menandai apakah pemilihan diperlukan atau tidak. Diset ke false secara default.
Allow clear (wajib) - memungkinkan clear pada seleksi. Diset ke false secara default.
Disabled (wajib) - membuat komponen dinonaktifkan jika dihidupkan. Dinonaktifkan secara default.
Visible (wajib) - membuat komponen terlihat jika dihidupkan. Diaktifkan secara default.
Pemicu alur kerja
- onChange - aktif ketika opsi dropdown diubah.
- onFocus - aktif ketika komponen Select sedang difokuskan.
- onBlur - menyala saat komponen Select diburamkan.
- onCreate - aktif saat komponen dibuat.
- onShow - aktif saat komponen ditampilkan.
- onHide - aktif ketika komponen disembunyikan.
- onDestroy - menyala saat komponen ditampilkan.
- onEnterKey - menyala saat tombol Enter ditekan.
Tindakan Komponen:
Timepicker Get Properties
Mendapatkan properti komponen.
Parameter masukan :
- Component Id [string] - pengenal komponen;
Parameter keluaran :
- Label [string] - label komponen;
- Placeholder [string] - placeholder komponen;
- Allow Clear [boolean] - memungkinkan menghapus pilihan jika benar;
- Disable [boolean] - menonaktifkan komponen jika benar;
- Tooltip [string] - string tooltip;
- Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
- Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
- Min [datetime] - nilai stempel waktu minimum [unix formatted] untuk memulai;
- Max [datetime] - nilai timestamp maksimum [unix formatted] yang dapat dipilih;
- Value [datetime] - nilai stempel waktu yang dipilih [unix formatted] ;
- Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
- Validate Status [Status type] - status yang akan ditampilkan pada validasi nilai;
- Validate Message [string] - pesan yang akan ditampilkan pada validasi nilai;
Timepicker Set Properties
Mengatur properti komponen.
Parameter masukan :
- Component Id [string] - pengenal komponen;
- Label [string] - label komponen;
- Placeholder [string] - placeholder komponen;
- Allow Clear [boolean] - memungkinkan menghapus pilihan jika benar;
- Disable [boolean] - menonaktifkan komponen jika benar;
- Tooltip [string] - string tooltip;
- Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
- Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
- Min [datetime] - nilai stempel waktu minimum [unix formatted] untuk memulai;
- Max [datetime] - nilai timestamp maksimum [unix formatted] yang dapat dipilih;
- Value [datetime] - nilai stempel waktu yang dipilih [unix formatted] ;
- Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
- Validate Status [Status type] - status yang akan ditampilkan pada validasi nilai;
- Validate Message [string] - pesan yang akan ditampilkan pada validasi nilai;
Timepicker Update Properties
Memperbarui properti komponen.
Parameter masukan :
- Component Id [string] - pengenal komponen;
- Label [string] - label komponen;
- Placeholder [string] - placeholder komponen;
- Allow Clear [boolean] - memungkinkan menghapus pilihan jika benar;
- Disable [boolean] - menonaktifkan komponen jika benar;
- Tooltip [string] - string tooltip;
- Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
- Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
- Min [datetime] - nilai stempel waktu minimum [unix formatted] untuk memulai;
- Max [datetime] - nilai timestamp maksimum [unix formatted] yang dapat dipilih;
- Value [datetime] - nilai stempel waktu yang dipilih [unix formatted] ;
- Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
- Validate Status [Status type] - status yang akan ditampilkan pada validasi nilai;
- Validate Message [string] - pesan yang akan ditampilkan pada validasi nilai;
Timepicker Validate
Memvalidasi nilai stempel waktu yang dipilih dari komponen DateTime Picker.
Parameter masukan :
- Component Id [string] - pengenal komponen;
Parameter keluaran :
- Success [boolean] - hasil validasi;
- Error [string] - pesan kesalahan;
Contoh penggunaan
Untuk mengurai waktu yang dipilih dan mendapatkan semua kompositnya, logika berikut harus digunakan:
- Seret blok Timepicker Get Properties dan letakkan di kanvas. Component ID harus ditentukan untuk mendapatkan nilai dari komponen Time Picker .
- Nilai yang dipilih dapat dibagi menjadi beberapa bagian kecil, seperti detik, menit, dll. Perlu digunakan Expand time perluasan.
