บางครั้งคุณต้องเลือกช่วงวันที่ใน extjs ซึ่งต้องใช้การตัดสินอัตโนมัติ วันที่เริ่มต้นที่เลือกจะไม่เกินวันที่สิ้นสุดหรือวันที่สิ้นสุดจะไม่น้อยกว่าวันที่เริ่มต้น รหัสที่ใช้งานมีดังนี้
ภาพการทำซ้ำ:
ดังที่เห็นได้จากรูปด้านบนเมื่อเลือกเวลาเริ่มต้นช่วงเวลาการเลือกของเวลาสิ้นสุดจะถูก จำกัด โดยอัตโนมัติและการเชื่อมโยงระหว่างตัวเลือกวันที่ทั้งสองจะได้รับการรับรู้
รหัสมีดังนี้:
ก่อนกำหนดฟังก์ชั่นการประมวลผลการเชื่อมโยง:
ext.apply (ext.form.field.vtypes, {periodeAnge: ฟังก์ชัน (val, ฟิลด์) {var date = field.parsEdate (val); ถ้า (วันที่) {return false;} ถ้า (field.startdatefield && (! this.daterangemax || field.up ('grid') ลง ('#' + field.startdatefield); field.up ('grid') ลง ('#' + field.enddatefield); end.setMinValue (วันที่); end.validate (); this.daterangemin = วันที่; } return true; }, PeriodAngetExt: 'วันที่เริ่มต้นจะต้องน้อยกว่าวันที่สิ้นสุด'}); ext.tip.quicktipmanager.init ();เพิ่มรายการใน TBAR, BBAR หรือแบบฟอร์ม:
{xtype: 'datefield', fieldlabel: 'ช่วงเวลาเริ่มต้น', ชื่อ: 'startdt', id: 'startdt', vtype: 'daterange', enddatefield: 'enddt', รูปแบบ: 'ym-d', ความกว้าง: 220, labelwidth: 90, msgtarget: FieldLabel: 'end', ชื่อ: 'enddt', id: 'enddt', vtype: 'daterange', startdatefield: 'startdt', รูปแบบ: 'ym-d', ความกว้าง: 170, labelwidth: 40, msgtarget: 'side' Handler: function () {...รหัสนี้สามารถคัดลอกไปยัง extjs4.1.1 เพื่อเรียกใช้