2
A
回答
2
ExtJs提供了一個單獨的類來處理日期和它的格式。看看Date class。關於如何格式化給定的日期或時間有足夠的例子和解釋。
要根據您想要的格式呈現網格中的日期,您必須使用renderer
方法。在你的日期列的配置,你需要添加的渲染方法如下:
renderer: function(date){
// process you date to your required format and return it
}
重要的一點:從渲染方法會顯示到column.So返回值,一定要回到你的格式化的日期或時間。
1
1)創建模型
Ext.define('App.model.DataWithDate', {
extend: 'Ext.data.Model',
fields: [
//...
{
name: 'yourDate',
type: 'date', //or Ext.data.Types.DATE
dateFormat: 'time' //if you have standart json object with date value like timestamp 1387481693994
}
//...
]
});
2)爲網格配置
{
columns: [
{
header: 'Date',
dataIndex: 'yourDate',
xtype:'datecolumn',
renderer: Ext.util.Format.dateRenderer('d/m/Y H:i')
}
]
}
0
我做了如上的Kinjeiro顯示了類似的形式給出,但我不得不省略xtype:'datecolumn'
爲了使其工作。
型號
this.store = new Ext.data.JsonStore({ proxy:new Ext.data.ScriptTagProxy({ url: "php/resource.php" }), root: 'result', autoLoad: true, fields: [ {name:'Name',type:'string',mapping:'NAME'}, {name:'Date',type:'date',dateFormat: 'd/m/Y H:i:s',mapping:'DT_ORDER'}, ] });
電網配置
{ columns: [ { header:'<b>Name</b>',width:70,sortable:true,dataIndex:'NAME',align:'left'}, { header:'<b>Date</b>', width:150, sortable:true, dataIndex:'DT_ORDER', align:'left', renderer: Ext.util.Format.dateRenderer('d/m/Y H:i:s') } ] }
相關問題
- 1. W2UI Grid日期格式
- 2. 在vaadin-grid中更改日期格式
- 3. 在extjs中更改日期格式
- 4. extjs網格面板
- 5. 向ExtJS添加新的日期格式
- 6. Extjs日期格式問題safari firefox
- 7. EXTJS網格中的日期字段未出現/格式
- 8. 更改網格字段中的日期格式ExtJS
- 9. 在Kendo模板中格式化日期
- 10. 在Django模板中格式化日期
- 11. 在ExtJS Grid中設置日期過濾器的值
- 12. 在網格面板格式日期不起作用,奇怪..!
- 13. 將Extjs中的utc格式日期字符串轉換爲日期對象
- 14. 更改日期格式無法在ng-grid angular js中工作
- 15. 的Java面膜格式的日期
- 16. Extjs Grid面板 - 隱藏可隱藏= false的列
- 17. ExtJS和簡單的網格面板
- 18. 帶複選框的Extjs網格面板
- 19. 在模板上更改日期格式
- 20. Mandrill把手模板日期格式化
- 21. 格式化與真子日期模板
- 22. 全格式中的eventRender日期格式
- 23. 日期格式化IOS中的格式
- 24. 在EXTJS中以特定格式對日期進行排序
- 25. serverfireteam /面板如何格式化日期時間?
- 26. 日期格式爲日期
- 27. 日期(「8601格式日期」)?
- 28. 日期格式日期
- 29. ExtJS的視面板
- 30. 日期格式中的GridView