javascript - 如何自定义Intl.DateTimeFormat日期？

Question

我正在尝试使用 Intl.DateTimeFormat 并传递区域设置和 dateStyle、timeStyle 选项来更新 Angular 6 应用程序中的日期。我可以在浏览器控制台中尝试时获取自定义日期，但是一旦我尝试将其集成到我的应用程序中，它就会抛出编译错误:Type '{ dateStyle: string;时间样式:字符串； }' 与“DateTimeFormatOptions”类型没有共同的属性。

    transformDate() {
    const options = { dateStyle: "full", timeStyle: "medium" };
    console.log(new Intl.DateTimeFormat('en-US',options).format(this.date));
  }

Answer 1

这是数据类型的问题。您需要指定选项的数据类型。

你可以尝试 -

 const options: any = { dateStyle: "full", timeStyle: "medium" };

基本上 Intl.DateTimeFormat 接受 DateTimeFormatOptions 类型的选项，它具有以下属性

interface DateTimeFormatOptions {
        localeMatcher?: string;
        weekday?: string;
        era?: string;
        year?: string;
        month?: string;
        day?: string;
        hour?: string;
        minute?: string;
        second?: string;
        timeZoneName?: string;
        formatMatcher?: string;
        hour12?: boolean;
        timeZone?: string;
    }

由于 dateStyle 和 timeStyle 不可用，因此引发错误。