DateTime Picker

Klik untuk menyalin

Memilih nilai datetime.


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

DateTimepicker 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;

DateTimepicker Get Properties

DateTimepicker 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;

DateTimepicker Set Properties

DateTimepicker 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;

DateTimepicker Update Properties

DateTimepicker 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;

DateTimepicker Validate


Contoh penggunaan

Dalam beberapa kasus diperlukan untuk mendapatkan nilai stempel waktu ( DateTimepicker Get Properties ) dan mengubahnya menjadi format string. Untuk tujuan ini Date & Time to String block harus digunakan.

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

DateTimepicker Get Properties

  • Date & Time to String block harus digunakan untuk mengubah nilai timestamp menjadi string. Hubungkan bidang nilai satu sama lain.

  • Isi kolom Format mask untuk mengonversi nilai timestamp dengan format yang diperlukan.