顯示JSON序列日期

服務器返回JSON日期如下，顯示JSON序列日期

{ 
    "LastUpdated": "\/Date(1310117748850)\/" 
}

我使用ExtJS的電網和日期沒有顯示出來。我如何以M/dd/yyyy格式顯示它？

this.store = new Ext.data.JsonStore({ 
    autoLoad: { 
     params: { 
      start: 0, 
      limit: 10 
     } 
    }, 
    autoDestroy: true, 
    url: '/home/jobs', 
    idProperty: 'Name', 
    fields: ['Name', 
      'Description', 
      'Type', 
      'Group', 
      'Data', 
      'Schedule.Name', 
      'Schedule.Description', { 
       name: 'LastUpdated', 
       type: 'date' 
      }, 
      'Schedule.Expression', 
      'Status'], 
    root: 'data', 
    sortInfo: { 
     field: 'Name', 
     direction: 'ASC' 
    } 
});

電網colModel：

{ 
    header: 'Last Updated', 
    dataIndex: 'LastUpdated', 
    width: 80, 
    renderer: Ext.util.Format.dateRenderer('m/d/Y') 
},

來源

2011-07-08 VJAI

//Grid: 
columns: [      
    {header: 'Last Updated', dataIndex: 'LastUpdated', renderer: Ext.util.Format.dateRenderer('m/d/Y')}       
] 

//store: 
{ 
    field:'LastUpdated', 
    type:'date', 
    convert:function(v,j){ 
    return new Date(v.replace(/\/Date((\d+))\//, '$1')); 
    } 
}

來源

2011-07-10 00:50:02 atian25

這不起作用。 – VJAI

你如何定義商店？ {field：'LastUpdated'，輸入：'date'}？ – atian25

是的。我更新了我的問題。 – VJAI

在列部分，你可以創建自己的自定義日期渲染：

columns: [      
    {header: 'Last Updated', dataIndex: 'LastUpdated', renderer: dateRenderer}       
]

，然後創建一個處理您的日期函數：

function dateRenderer(value, id, r) { 
    var yourDate = r.data['uploadDate']; 

    // some js stuff here to strip out just the epoch time 

    var datevar = new Date(yourDateEpoch); 
    return Ext.Date.format(datevar, 'm/d/Y') 
}

來源

2011-07-08 14:17:18 Chewpers

對於日期字段，您還需要指定dateFormat。例如：

{name: 'LastUpdated', type: 'date', dateFormat: 'Y-m-d'}

但在你的情況，你收到其他格式的日期...

來源

2011-07-11 14:44:41 Andron

使用

return new Date(parseInt(v.replace('/Date(', '')));

下面

完整的例子，

columns: [      
    { 
     header: 'Last Updated', 
     dataIndex: 'LastUpdated', 
     renderer: Ext.util.Format.dateRenderer('m/d/Y') 
    } 
] 

//store: 
{ 
    field:'LastUpdated', 
    type:'date', 
    convert:function(v, j) { 
     return new Date(parseInt(v.replace('/Date(', ''))); 
    } 
}

來源

2012-07-11 06:33:09 Greatran

你需要的唯一的事要做的是在你的模型中有以下內容

{name：'LastUpdated'，輸入：Ext.data.Types.DATE，dateFormat：'time'}

它告訴ExtJS進入該模型的數據是形式紀元時間。

來源

2013-10-02 17:30:19

顯示JSON序列日期

回答

相關問題