/** * A Column definition class which renders a passed date according to the default locale, * or a configured {@link #format}. * * @example * var store = Ext.create('Ext.data.Store', { * fields:[ * { name: 'symbol', type: 'string' }, * { name: 'date', type: 'date' }, * { name: 'change', type: 'number' }, * { name: 'volume', type: 'number' }, * { name: 'topday', type: 'date' } * ], * data:[ * { symbol: "msft", * date: '2011/04/22', * change: 2.43, * volume: 61606325, * topday: '04/01/2010' * }, * { symbol: "goog", * date: '2011/04/22', * change: 0.81, * volume: 3053782, * topday: '04/11/2010' * }, * { symbol: "apple", * date: '2011/04/22', * change: 1.35, * volume: 24484858, * topday: '04/28/2010' * }, * { symbol: "sencha", * date: '2011/04/22', * change: 8.85, * volume: 5556351, * topday: '04/22/2010' * } * ] * }); * * Ext.create('Ext.grid.Grid', { * title: 'Date Column Demo', * store: store, * columns: [ * { text: 'Symbol', dataIndex: 'symbol', flex: 1 }, * { text: 'Date', dataIndex: 'date', xtype: 'datecolumn', format:'Y-m-d' }, * { text: 'Change', dataIndex: 'change', xtype: 'numbercolumn', format:'0.00' }, * { text: 'Volume', dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000' }, * { text: 'Top Day', dataIndex: 'topday', xtype: 'datecolumn', format:'l' } * ], * height: 200, * width: 450 * }); */Ext.define('Ext.grid.column.Date', { extend: 'Ext.grid.column.Column', xtype: 'datecolumn', isDateColumn: true, requires: [ 'Ext.Date', 'Ext.grid.cell.Date' ], config: { /** * @cfg {String} format (required) * A format string as used by {@link Ext.Date#format} to format values for this * column. */ format: null, defaultEditor: { xtype: 'datepickerfield' }, cell: { xtype: 'datecell' }, summaries: { min: true, max: true } }});