我在角度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);
}
}