如何绑定clockPicker值

Question

因此，由于我找不到任何angular4时钟选择器，所以我决定使用jQuery 1，但是我不能将所选的时间绑定到一个变量，因此我需要它，这样我就可以在我的类型记录组件上操作它们。这是我的密码

该console.log(this.value)确实向我显示了所选的值，但我不能将它赋值给我声明的变量。

组件：

ngAfterViewInit() {
  jQuery("#timePicker").clockpicker({ placement: 'bottom', donetext: 'Done', autoclose: true, vibrate: true, })
    .find('input').change(function (a) {
      console.log(a);
      console.log(this.value)
    });
}

HTML:

<div class="timeHolder" 
     id="timePicker" 
     data-placement="right" 
     data-align="top" 
     data-autoclose="true">
  <input type="text" 
         [(ngModel)]="setTime" 
         (input)="valuechange($event)" /> 
    {{setTime}}

Answer 1

当使用函数关键字定义函数时，它会更改this的值。因此，正如推荐的@developer033所建议的那样，您应该使用不改变this值的箭头函数。您应该使用以下代码：

ngAfterViewInit() {
    jQuery("#timePicker").clockpicker({ placement: 'bottom', donetext: 'Done', autoclose: true, vibrate: true, })
    .find('input').change((e) => {
        console.log(e);
        console.log(e.currentTarget.value);
        // use that to access angular variables
        this.setTime = e.currentTarget.value;
    });
}