基於瀏覽器位置/設置的角2日期管理格式

Question

有沒有辦法讓日期管是動態的，這樣如果它是美國瀏覽器，日期管返回美國格式（yyyy/MM/dd），並且當它是歐洲瀏覽器時，歐洲格式（日/月/年）？

感謝

Answer 1

這可能很難，特別是在使用aot時。它通常會要求你做出不同的構建。我擴展了數據管道並使用瀏覽器語言環境。

Datepipe：

@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); 
    } 
} 

窗口：

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 {} 
    } 
} 

Answer 2

您可以檢查位置，並把它放在if語句 是的，你可以使用管道這樣的：

 <div *ngif="Location() === 'Europe' " 
    {{valueDate | date: 'dd/MM/yyyy'}} 
    <div> 
    <div *ngif="Location() === 'Ammerica' " 
    {{valueDate | date: 'MM/dd/yyyy'}} 
    <div> 

要找到位置

getCurrentLocation(lat,lng): Observable<any> { 
return this._http.get("http://maps.googleapis.com/maps/api/geocode/json?latlng="+lat+","+lng+"&sensor=true") 
    .map(response => response.json()) 
    .catch(error => { 
    console.log(error); 
    return Observable.throw(error.json()); 
    }); 

}