때로는 자동 판단이 필요한 ExtJS에서 날짜 범위를 선택해야합니다. 선택한 시작 날짜는 종료 날짜보다 클 수 없거나 종료 날짜가 시작 날짜보다 작을 수 없습니다. 구현 된 코드는 다음과 같습니다
생식 사진 :
위 그림에서 볼 수 있듯이 시작 시간이 선택되면 종료 시간의 선택 범위가 자동으로 제한되며 두 날짜 선택기 간의 연결이 실현됩니다.
코드는 다음과 같습니다.
먼저 연결 처리 기능을 정의합니다.
ext.Apply (ext.form.field.vtypes, {exeriange : function (val, field) {var date = field.parsedate (val); if (! date) {return false;} if (field.startDatefield && (! this.daterAngemax || (date.getTime ()! field.up ( '#' + field.startdatefield); field.up ( 'Grid'). down ( '#' + field.enddatefield); end.setminValue (날짜); end.validate (); this.daterangemin = 날짜; } true를 반환합니다. }, periodAngetext : '시작 날짜는 종료 날짜보다 작아야합니다'); ext.tip.quicktipmanager.init ();TBAR, BBAR 또는 양식의 항목을 추가하십시오.
{xtype : 'datefield', FieldLabel : 'Time Range Start', 이름 : 'startdt', id : 'startdt', vtype : 'daterange', enddatefield : 'enddt', 'ym-d', 너비 : 220, labelwidth : 90, msgtarget : 'sidefiterrors : {x false},'x autofiterrors ' FieldLabel : 'end', name : 'enddt', id : 'enddt', vtype : 'dateRange', 'dateRange', 'startDt', 'startDt', 형식 : 'ym-d', 너비 : 170, labelWidth : 40, msgtarget : 'side', autofiterrors : false}, {xtype : '텍스트 :'텍스트 : ',', '' 핸들러 : function () {...이 코드는 extjs4.1.1에 복사하여 실행할 수 있습니다