ng2-bootstrap 的datepicker组件怎么在选中时间以后自动消失（隐藏）

Question

1.代码如下

<div class="form-group">
    <label class="control-label">时间</label>
    <input type="text" [ngModel]="dt.toLocaleDateString()" (focus)="showDatePicker = true;showDatePicker1 = false;" style="width:300px;" class="form-control">
    <div *ngIf="showDatePicker" style="position: absolute; z-index:10; min-height:290px;">
        <datepicker [(ngModel)]="dt"  [showWeeks]="true" ></datepicker>
    </div>
  </div>

2.想要的效果是在选中时间时可以自动隐藏弹出的时间组件。

Answer 1

我也遇到这个问题 你解决了没

Answer 2

汉化你做了吗？

Answer 3

<div class="form-group">

<label class="control-label">时间</label>
<input type="text" [ngModel]="dt.toLocaleDateString()" (focus)="showDatePicker = true;showDatePicker1 = false;" style="width:300px;" class="form-control">
<div *ngIf="showDatePicker" style="position: absolute; z-index:10; min-height:290px;">
    <datepicker [(ngModel)]="dt"  [showWeeks]="true" (selectionDone)="dataChange(showDatePicker)"></datepicker>
</div>

</div>

component.ts

dataChange(show) {

setTimeout(() => this.dataModel[item.key] = Date.parse(this.dataModel[item.key]), 0);// 绑定数据
show = false;

}