A veces debe seleccionar un rango de fechas en extjs, que requiere un juicio automático. La fecha de inicio seleccionada no puede ser mayor que la fecha de finalización, o la fecha de finalización no puede ser menor que la fecha de inicio. El código implementado es el siguiente
Imagen de reproducción:
Como se puede ver en la figura anterior, cuando se selecciona una hora de inicio, el rango de selección de la hora de finalización se limitará automáticamente, y el enlace entre los dos selectores de fecha se realizará.
El código es el siguiente:
Primero defina la función de procesamiento de enlace:
Ext.Aply (ext.form.field.vTypes, {periodange: function (val, field) {var date = field.parsedate (val); if (! Date) {return false;} if (field.startdatefield && (! This.daterangemax || (date.getTime ()! = This.daterangeMax.GetTime ())) {var start = Field.up ('Grid'). Down ('#' + Field.StartDateField); campo.Up ('Grid'). Down ('#' + Field.enddateField); end.setMinValue (fecha); end.validate (); this.daterangemin = date; } return verdadero; }, periodAngetext: 'La fecha de inicio debe ser menor que la fecha de finalización'}); Ext.tip.quicktipmanager.init ();Agregue elementos en tbar, bbar o forma:
{xtype: 'dateField', fieldLabel: 'start de rango de tiempo', nombre: 'startDt', id: 'startDt', vtype: 'daterange', enddateField: 'endt', format: 'ym-d', width: 220, etiqueta: 90, msgTarget: 'aparcador fieldLabel: 'end', nombre: 'enddt', id: 'enddt', vtype: 'daterange', startDateField: 'startDT', format: 'ym-d', width: 170, etiquetawidth: 40, msgTarget: 'lado', autofiterrors: falso}, {xtype: 'button', text: text: 'query', iconCls ',' fljs ',' fljs ',' Fljs ',', 'Fljs', ',', ',', ',', ',', ',', ',', ',', iconCls ',', ',', ',', ',', ',', iconCls ',', ',', ',', ', iconCls', iconCls ',', ',', ',', ibonCls ',', ',', ibonCls '. Handler: function () {...Este código se puede copiar a extjs4.1.1 para ejecutarse