Terkadang Anda perlu memilih rentang tanggal di EXTJS, yang membutuhkan penilaian otomatis. Tanggal mulai yang dipilih tidak dapat lebih besar dari tanggal akhir, atau tanggal akhir tidak bisa kurang dari tanggal mulai. Kode yang diimplementasikan adalah sebagai berikut
Gambar reproduksi:
Seperti yang dapat dilihat dari gambar di atas, ketika waktu mulai dipilih, kisaran pemilihan zaman akhir akan secara otomatis terbatas, dan hubungan antara pemilih dua tanggal akan direalisasikan.
Kodenya adalah sebagai berikut:
Pertama -tama tentukan fungsi pemrosesan tautan:
Ext.Apply (ext.form.field.vTypes, {palimeAnge: function (val, field) {var date = field.parsedate (val); if (! Date) {return false;} if (field.startdateField && (! This.daterangax || (date.getTime ()! = This.daterangeMax field.up (grid '). Down ('#' + field.startdateField); field.up ('grid'). Down ('#' + field.endDateField); end.setMinValue (tanggal); end.validate (); this.daterangemin = tanggal; } return true; }, periodangeText: 'Tanggal mulai harus kurang dari tanggal akhir'}); Ext.tip.quicktipManager.init ();Tambahkan item dalam tbar, bbar atau formulir:
{ xtype: 'datefield', fieldLabel: 'time range start', name: 'startdt', id: 'startdt', vtype: 'daterange', endDateField: 'enddt', format: 'Ym-d', width: 220, labelWidth: 90, msgTarget: 'side', autoFitErrors: false }, { xtype: 'datefield', fieldLabel: 'end', nama: 'enddt', id: 'enddt', vtype: 'daterange', startDateField: 'startdt', format: 'ym-d', lebar: 170, labelwidth: 40, msgtarget: 'side', autofiterrors: false}, {{ow-target ', function'), function '), query: uji {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{false', {...Kode ini dapat disalin ke extjs4.1.1 untuk dijalankan