ExtJs – Best UX For Date Time Field

Ada banyak UX yang bisa anda temukan di forum ExtJs berkaitan dengan datetime field.
Namun buat saya UX berikut adalah yang paling sesuai dengan kebutuhan saya,
Apalagi untuk kebutuhan form input saya rasa tampilannya sangat compact dengan form bawaan ExtJs karena langsung overide dari datefield yang ditambahkan spinner untuk timefield-nya.

cek forum disini.

Contoh penggunaan :

	xtype : 'datetimefield',
	format : 'Y-m-d',
	fieldLabel : 'Date Time Field ',
	value : new Date(),				

Ada sedikit catatan ketika anda ingin mengambil value dari component UX ini.
Jika anda menginginkan instance dari Date object anda bisa menggunakan getValue(),
Namun bila anda menginginkan string yang sudah sesuai dengan format component maka lebih baik gunakan getRawValue();
Demikian pula untuk meng-set value component ini.
Bila anda mempunyai object Date maka bisa langsung setValue(date) namun bila anda hanya punya String anda mungkin harus menggunakan setRawValue(dateString).

Terima kasih dan semoga bermanfaat.

mazipan-signature

Be a good reader, leave your comment please.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s