bootstrap ngbDatePicker如何以编程方式设置日期

时间:2018-03-28 14:31:58

标签: angular bootstrap-datepicker

我们在我们的应用程序中使用ngbDatePicker。由于其他用户操作,我们需要以编程方式在日历中设置日期,以便不仅显示新月,而且还会突出显示我们要选择的日期。

NavigateTo仅设置年份和月份。

我彻底审查了文件;我发现最接近的是open()函数,它应该将其设置为当前的ngModel值 - 无法使其工作。

1 个答案:

答案 0 :(得分:4)

//using Template Drive From
    <ngb-datepicker #dp [(ngModel)]="myDate"></ngb-datepicker>

    myDate={year:2018,month:3,day:28}

//using Reactive Form
   <form [formGroup]="myForm">
    <ngb-datepicker #dp formControlName="myDate"></ngb-datepicker>
  </form>

  this.myForm=this.fb.group({
    myDate:[{year:2018,month:3,day:28}]
  })