Ändern Ereignis mit jQuery Datepicker und Angular 2

Question

Ich habe einige Probleme, die Änderung Ereignis zu erfassen, wenn ich das jQuery Datepicker-Plugin verwenden und ich versuche, die (ändern) -Methode zu verwenden, um die Änderung zu fangen, aber scheint, dass, wenn ich bin Mit diesem Plugin kann eckig es nicht fangen.

Ich habe die Datepicker-Initialisierung entfernt und funktioniert gut, aber wenn ich es wieder benutze ... funktioniert nicht.

Jemand kann mir helfen!

Vielen Dank.

Answer 1

Sie könnten die folgende Anweisung implementieren:

@Directive({ 
    selector: '[datepicker]' 
}) 
export class DatepickerDirective { 
    @Output() 
    change:EventEmitter<string> = new EventEmitter(); 

    constructor(private elementRef:ElementRef) { 
    } 

    ngOnInit() { 
    $(this.elementRef.nativeElement).datepicker({ 
     onSelect: (dateText) => { 
     this.change.emit(dateText); 
     } 
    }); 
    } 
} 

diese Weise können Sie eine change Veranstaltung wie diese zu fangen in der Lage:

@Component({ 
    selector: 'app', 
    template: '<input type="text" id="end_day" (change)="checkDates($event)" class="datepicker" datepicker>', 
    directives: [ DatepickerDirective ] 
}) 
export class App implements AfterViewInit { 
    checkDates(e){ 
    console.log("Please, catch the change event): "+e); 
    } 
} 

dieses plunkr Siehe: https://plnkr.co/edit/TVk11FsItoTuNDZLJx5X?p=preview