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와 함께 한 방법을 찾았습니다.

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'); 

누구나 Angular 2과 함께보다 세련된 솔루션을 사용하면 좋을 것입니다.