Date Picker

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 [diformat unix] untuk memulai. Diset ke 0 secara default.

Max (wajib) - nilai stempel waktu maksimum [diformat unix] 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 sedang difokuskan.
• onBlur - menyala saat komponen diburamkan.
• onCreate - aktif saat komponen dibuat.
• onShow - aktif saat komponen ditampilkan.
• onHide - menyala ketika komponen disembunyikan.
• onDestroy - menyala saat komponen ditampilkan.
• onEnterKey - menyala saat tombol Enter ditekan.

Tindakan Komponen

Datepicker 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 [diformat unix] untuk memulai;
• Max [datetime] - nilai timestamp maksimum [unix diformat] yang dapat dipilih;
• Value [datetime] - nilai stempel waktu yang dipilih [diformat unix];
• 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;

Datepicker 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 [diformat unix] untuk memulai;
• Max [datetime] - nilai timestamp maksimum [unix diformat] yang dapat dipilih;
• Value [datetime] - nilai stempel waktu yang dipilih [diformat unix];
• 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;

Datepicker 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 [diformat unix] untuk memulai;
• Max [datetime] - nilai timestamp maksimum [unix diformat] yang dapat dipilih;
• Value [datetime] - nilai stempel waktu yang dipilih [diformat unix];
• 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;

Datepicker 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

Tanggal dapat dibagi menjadi beberapa bagian yang berbeda seperti tahun, bulan dan hari.

• Seret blok Datepicker Get Properties dan letakkan di kanvas. Component ID harus ditentukan untuk mendapatkan nilai dari komponen Date Picker

• Nilai yang dipilih dapat dibagi menjadi beberapa bagian kecil, seperti tahun, bulan, dan hari. Expand date harus digunakan.