我在角度2中使用bootstrap datetimepicker . 我有一个ngFor循环来遍历所选对象的数组,这个循环是 selection of selected 我需要在选择日期时更新[(ngModel)] = "selection.time" . 除非我开始在文本框中输入,否则不会发生这种情况 . 如何在选择日期和时间后立即更改输入框的值?以下是我的应用程序的重要代码 .

组件HTML-

<ul id="sortable">
  <li *ngFor="let selection of selected">
        <div class="form-group">
            <div class='input-group date datetimepicker1'>
                <input [(ngModel)]="selection.time" (blur)="onChange(selection.time)"  type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div> 
  </li>
</ul>

组件Javascript / Typescript-

import { Component, OnInit,AfterViewInit } from '@angular/core';
import { Article, ArticleService} from './article.service';
declare var $:any;

@Component({
  templateUrl: './manage-tweets.component.html',
  styleUrls: ['./manage-tweets.component.css'],
  providers:[ArticleService]
})
export class ManageTweetsComponent implements OnInit,AfterViewInit {
scheduled: Article[];
selected: any;
id: number;



ngOnInit(){
    this.getSelected();
}
ngAfterViewInit(){
    this.pickDate();
}

constructor(private articleservice: ArticleService){

}

getSelected(){
    this.selected = this.articleservice.getTweets();
}

pickDate(){
        $('.datetimepicker1').datetimepicker();
        $('[data-toggle="popover"]').popover();
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();

}

onChange(selection) {

    alert(selection);

}

}