基于浏览器位置/设置的 Angular 2 Datepipe 格式

有没有办法使 datepipe 动态化，以便如果它是美国浏览器，则 d​​atepipe 返回美国格式(yyyy/MM/dd)，而当它是欧洲浏览器时，它返回欧洲格式(dd/MM/yyyy)？

谢谢

最佳答案

这可能很难，尤其是在使用 aot 时。它通常需要您进行不同的构建。我扩展了数据管道并使用了浏览器语言环境。

数据管:

@Pipe({name: 'datepipe', pure: true})
export class MyDatePipe extends DatePipe implements PipeTransform {
  constructor(private win: WindowRef) {
    super(win.ln);
  }

  transform(value: any, pattern?: string): string | null {
    return super.transform(value, pattern);
  }
}

window :

function _window(): any {
  // return the global native browser window object
  return window;
}

@Injectable()
export class WindowRef {
  get nativeWindow(): any {
    return _window();
  }

  public ln = 'en';


  constructor() {
    try {
      if (!isNullOrUndefined(this.nativeWindow.navigator.language) && this.nativeWindow.navigator.language !== '') {
        this.ln = this.nativeWindow.navigator.language;
      }
    }finally {}
  }
}

关于基于浏览器位置/设置的 Angular 2 Datepipe 格式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45561546/