dateフォーマットで正しい時刻を取得したい

Question

すいません。
教えてください。

date関数から㍉秒まで含んだyyyy/MM/dd HH:mm:ss:SSSのフォーマットで値を取得しています。
いっけん何の問題もなく動いてるように見えるんですが、時刻のlocaleがen-USしか設定できず
そのen-USでも見て頂くとわかる通り、日本時刻で動いてるようです。(それ以外はエラーで動かない)

なんとなくこのままほっとくワケにもいかないので、これを正しい値(ja-JP)等に設定するにはどのようにすれば良いですか？

■ デモ環境
https://stackblitz.com/edit/angular-bbyxdw?file=src%2Fapp%2Fapp.component.ts

■ html

<button (click)="push()">現在の時刻</button><br>
値：{{this.value}}<br>

■ ts

import { Component } from '@angular/core';
import { formatDate } from '@angular/common';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  value

  push() {
    this.value = formatDate(
      new Date(),
      "yyyy/MM/dd HH:mm:ss:SSS",
      'en-US'
      )
    return this.value
  }

}

どなたかご教示ください。

Answer 1

デフォルトではen-USしかサポートしてないので、app.module.tsにja-JPのlocaleを追加してやることで自己解決しました。

https://stackblitz.com/edit/angular-bbyxdw?file=src%2Fapp%2Fapp.component.ts