使用intl在angular / devextreme中自定义日期格式

Question

我怎样才能全局覆盖intl和devextreme使用的dateformat？目前，它已正确加载了语言环境de-DE并将日期格式化为：d.m.yyyy。但是，我想显示它dd.mm.yyyy（白天和月份的2位数）。

可以以某种方式覆盖默认的Intl.DateTimeFormat吗？我正在使用[email protected]的角度

Regargs 加布里埃尔

Answer 1

在Angular中，您可以设置您的语言环境。请阅读Angular说明中的Internationalization (i18n)。在那里，您可以找到有关如何设置区域设置的分步说明。通过使用管道，您可以根据需要设置日期格式。

Answer 2

一种解决方案是为每个网格创建一个过载。现在这是我找到的唯一方法，但我不喜欢它，因为它被调用网格中的每个行列：

import DataGrid from 'devextreme/ui/data_grid';

export class DevextremeUtils {

  public static registerComponentsDefaultOtions(){
    DataGrid.defaultOptions({
      options: {
        customizeColumns: function(ev){
          for(let i = 0; i < ev.length; i++){
            if(ev[i].dataType == 'date' && ev[i].format == 'shortDateShortTime'){
              ev[i].format = {
                year: "numeric",
                  month: "2-digit",
                  day: "2-digit"
              }
            }
          }
        },
      }
    })
  }

}