Angular 基于语言环境的日期格式

Question

我有一个 Angular 2 应用程序，其中几乎没有日期类型的输入。默认情况下，这些日期以 MM/dd/YYYY 格式显示。我需要它们采用 dd.MM.YYYY 格式。我喜欢这可以在 app.module.ts 中设置，以便您指定具有这种格式的区域。应该完成这项工作的代码是：

@NgModule({
 .
 .
 .
  providers: [AuthGuard, {provide: LOCALE_ID, useValue: 'sl'}],
  bootstrap: [AppComponent]
})

这是我要格式化的HTML部分

<div class="col-lg-3">
  <fieldset class="form-group">
    <label>Birth date:</label>
    <div class="form-group input-group">
      <div class="input-group-append">
        <span class="input-group-text">
          <i class="fa fa-birthday-cake" aria-hidden="true"></i>
        </span>
      </div>
      <input class="form-control" type="date" [ngModel]="birthDate" />
    </div>
  </fieldset>
</div>

有没有人知道ide为什么这不起作用？

Answer 1

经过长时间的研究，我发现我们无法更改 <input type="date"> 的显示格式。更改它的唯一方法是更改 chrome 设置以使用本地语言。为了存档我试图存档的内容，您必须使用日期选择器。
这是一个例子：
Angulat material date picker
要更详细地阅读 Chrome 对我的问题的回答，这里是 link（该注释来自 2012 年，但它仍然像当时一样有效）：
Chrome and input type date
谢谢大家的宝贵时间

Angular 基于语言环境的日期格式

Angular date format based on locale

format

date

date-format

angular