使用ExtJS框架開發Web應用程序時,我們經常需要將數據以JSON格式返回給客戶端,同時指定日期格式。在ExtJS中,我們可以使用DataFormat插件來格式化日期。
通過DataFormat插件,我們可以創建一個日期格式化器,并將其應用于我們返回的JSON數據中的日期屬性。
以下是一段ExtJS代碼示例,演示如何使用DataFormat插件返回JSON日期:
Ext.define('MyApp.model.Person', { extend: 'Ext.data.Model', fields: [ {name: 'id', type: 'int'}, {name: 'name', type: 'string'}, {name: 'birthday', type: 'date'} ] }); Ext.create('Ext.data.Store', { model: 'MyApp.model.Person', proxy: { type: 'ajax', url: 'http://example.com/people', reader: { type: 'json', rootProperty: 'people', totalProperty: 'total' } }, listeners: { load: function(store, records) { var formatter = Ext.create('Ext.util.Format', { dateFormat: 'Y-m-d' }); Ext.each(records, function(record) { record.data.birthday = formatter.date(record.data.birthday); }); console.log(records); // 輸出處理后的JSON數據 } } });在上面的示例代碼中,我們創建了一個名為“Person”的數據模型,其中包括一個名為“birthday”的日期屬性。然后,我們創建了一個名為“Store”的數據存儲區,通過“Ajax”類型的代理將數據從服務器端加載到客戶端。 在Store的“load”事件監聽器中,我們創建了一個日期格式化器,并將其應用于每個記錄(即“人”對象)的“birthday”屬性。最后,我們使用console.log()打印處理后的JSON數據。 總之,通過使用DataFormat插件,我們可以輕松地格式化ExtJS返回的JSON日期屬性。這使得客戶端能夠更容易地理解和使用我們返回的數據。