في بعض الأحيان تحتاج إلى تحديد نطاق تاريخ في ExtJs ، والذي يتطلب حكمًا تلقائيًا. لا يمكن أن يكون تاريخ البدء المحدد أكبر من تاريخ الانتهاء ، أو لا يمكن أن يكون تاريخ الانتهاء أقل من تاريخ البدء. الرمز المنفذ هو كما يلي
صورة التكاثر:
كما يتضح من الشكل أعلاه ، عند تحديد وقت البدء ، سيكون نطاق اختيار وقت النهاية محدودًا تلقائيًا ، وسيتم تحقيق الارتباط بين محددات التاريخ.
الرمز كما يلي:
حدد أولاً وظيفة معالجة الارتباط:
ext.apply (ext.form.field.vtypes ، {derateenge: function (val ، field) {var date = field.parsedate (val) ؛ if (! Field.up ("الشبكة"). field.up ('Grid'). Down ('#' + field.enddatefield) ؛ end.setMinvalue (Date) ؛ end.validate () ؛ this.daterangemin = التاريخ ؛ } إعادة صواب ؛ } ، extreadextext: "يجب أن يكون تاريخ البدء أقل من تاريخ الانتهاء"}) ؛ ext.tip.quicktipmanager.init () ؛إضافة عناصر في tbar ، bbar أو النموذج:
{xtype: 'datefield' ، fieldlabel: 'time range start' ، name: 'startdt' ، id: 'startdt' ، vtype: 'daterange' ، enddatefield: 'enddt' ، format: ym-d '، width: 220 ، labelwid: 90 ، msgtarget:' side ' fieldlabel: 'end' ، name: 'enddt' ، id: 'enddt' ، vtype: 'daterange' ، startDatefield: 'StartDt' ، format: 'ym-d' ، width: 170 ، labelwidth: 40 ، msgtarget: 'side' ، autofiterrors: false} ، معالج: وظيفة () {...يمكن نسخ هذا الرمز إلى ExtJS4.1.1 لتشغيله