使用ExtJS框架開發(fā)Web應(yīng)用程序時(shí),我們經(jīng)常需要將數(shù)據(jù)以JSON格式返回給客戶端,同時(shí)指定日期格式。在ExtJS中,我們可以使用DataFormat插件來格式化日期。
通過DataFormat插件,我們可以創(chuàng)建一個(gè)日期格式化器,并將其應(yīng)用于我們返回的JSON數(shù)據(jù)中的日期屬性。
以下是一段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數(shù)據(jù) } } });在上面的示例代碼中,我們創(chuàng)建了一個(gè)名為“Person”的數(shù)據(jù)模型,其中包括一個(gè)名為“birthday”的日期屬性。然后,我們創(chuàng)建了一個(gè)名為“Store”的數(shù)據(jù)存儲(chǔ)區(qū),通過“Ajax”類型的代理將數(shù)據(jù)從服務(wù)器端加載到客戶端。 在Store的“l(fā)oad”事件監(jiān)聽器中,我們創(chuàng)建了一個(gè)日期格式化器,并將其應(yīng)用于每個(gè)記錄(即“人”對(duì)象)的“birthday”屬性。最后,我們使用console.log()打印處理后的JSON數(shù)據(jù)。 總之,通過使用DataFormat插件,我們可以輕松地格式化ExtJS返回的JSON日期屬性。這使得客戶端能夠更容易地理解和使用我們返回的數(shù)據(jù)。