Datepickerからデータを取得する

Question

datepickerのデータをどのようにして取得しますか？

Angular 2データバインディングを使用してデータを取得しようとしていますが、動作していません。

startDateへの私のバインディングは決して呼び出されず、決して変更されません。未定義のままです。

---

DateStuff.html

<form action="#"> 
    <div class="input-field"> 
    <input id="date_picker" type="date" class="datepicker" [(ngModel)]="startDate"> 
    <label for="date_picker">Start Date</label> 
    </div> 
</form> 

---

DateStuff.ts

@Component({ 
    selector: "date-stuff", 
    templateUrl: "./DateStuff.html" 
}) 
export class DateStuff { 

    private _startDate: string; 

    public ngAfterViewInit(): void { 
     $(".datepicker").pickadate({ 
      selectMonths: true, // Creates a dropdown to control month 
      selectYears: 15 // Creates a dropdown of 15 years to control year 
     }); 
    } 

    public get startDate(): string { 
     return this._startDate; 
    } 

    public set startDate(value: string) { 
     this._startDate = value; 
    } 
} 

Answer 1

私は解決策を見つけました。私はAngular 2バインディングを使用することを望んでいたが、私はjqueryの方法を見つけた。誰もがAngular 2とよりエレガントな解決策を持っている場合

let year: string = $('.datepicker').pickadate('picker').get('highlight', 'yyyy'); 
let day: string = $('.datepicker').pickadate('picker').get('highlight', 'dd'); 
let month: string = $('.datepicker').pickadate('picker').get('highlight', 'mm'); 

、それは素晴らしいことです！