2017-03-13 10 views
-1

私はAngular 2アプリでng2-daterangepickerモジュールを使用しています。モジュールはオブジェクトを返しますが、YYYY-MM-DD形式が必要です。JSオブジェクトから日付を角度2でフォーマットするにはどうすればよいですか?

私は日付パイプを使用しますが、HTMLは通常の変数を使用しないため、モジュールで使用することはできません。モジュールにはフォーマットを設定する設定がありますが、正しく動作しないようです - まだオブジェクトがあります。

。角2はタイピッチであるため、形式は機能しません。私はこの形式の日付を返す.toString()を試しました:Wed Mar 08 2017 00:00:00 GMT + 0100 - しかし、私はそれを私が必要とする形式に変換する方法がわかりません。

HTML

  <input type="text" name="daterangeInput" daterangepicker [options]="options" (selected)="selectedDate($event)"/> 

活字体

startDate: any; 
    endDate: any; 

    private selectedDate(value: any) { 

    this.startDate = value.start.toString(); 
    console.log(this.startDate); 

    this.endDate = value.end.toString(); 
    console.log(this.endDate) 
    // console.log(value.end.format("YYYY-MM-DD")); 
} 


    constructor(

     private mapsAPILoader: MapsAPILoader, 
     private ngZone: NgZone, 
     private http: Http, 
     private daterangepickerOptions: DaterangepickerConfig 

    ) { 

    this.daterangepickerOptions.settings = { 
     locale: { format: 'YYYY/MM/DD' }, 
     alwaysShowCalendars: false 
    }; 


} 

私は感謝任意のヘルプアンギュラ2に新たなんです!

答えて

1

ネイティブ日付の形式は、ブラウザによっては正しく処理されません。 'momentjs'ライブラリを使用できます MomentJs

ライブラリをインストールしたら、コンポーネントにインポートして使用する必要があります。

import * as moment from 'moment'; 
.... 

moment(date).format('YYYY-MM-DD') 
+0

完全に機能します。ありがとう!!! – universesurfer

関連する問題