javascript - 分机号 : Display dates in UTC regardless of browser timezone

Question

在 Ext JS 网格中强制日期以 UTC 显示(并忽略浏览器本地时间)的最佳方式是什么？

我的模型接收 UTC 日期:

"2014-06-24T00:00:00+00:00"

我的网格有一个日期列:

Ext.define('MyApp.view.MyGrid', {
    store: MyApp.store.MyStore,
    columns: [
        {
            xtype: 'datecolumn',
            text: 'Date',
            dataIndex: 'date',
            format: 'Y-m-d H:i:sO'
        },
    ]
});

日期以浏览器本地时间显示，例如:

2014-06-24 01:00:00+0100

但我想以 UTC 显示它们。

到目前为止，我找到的最佳解决方案是导入 moment.js 并这样使用它:

{
    xtype: 'datecolumn',
    text: 'Date',
    dataIndex: 'date',
    renderer: function (value) {
        return moment.utc(value).format('YYYY-MM-DD HH:mm:ssZZ');
    }
}

得到想要的结果:

2014-06-24 00:00:00+0000

肯定有更清洁的方法吗？

Answer 1

我没有看到内置的 UTC 支持，因此您可以扩展 datecolumn 并使用 moment 来呈现日期。示例:

Ext.define('Ext.grid.column.UtcDate', {
    extend: 'Ext.grid.column.Date',
    alias: ['widget.utcdatecolumn'],
    alternateClassName: 'Ext.grid.UtcDateColumn',

    defaultRenderer: function(value){
        return moment.utc(value).format(this.format);
    }
});

然后只需使用 utcdatecolumn 代替 datecolumn:

Ext.define('MyApp.view.MyGrid', {
    store: MyApp.store.MyStore,
    columns: [
        {
            xtype: 'utcdatecolumn',
            text: 'Date',
            dataIndex: 'date',
            format: 'YYYY-MM-DD HH:mm:ssZZ'
        }
    ]
});