如何在 Angular 8 中提供字符串作为 Ngbdatepicker 的输入答案

【问题标题】：How supply string as input for Ngbdatepicker in Angular 8如何在 Angular 8 中提供字符串作为 Ngbdatepicker 的输入
【发布时间】：2021-05-10 06:52:12
【问题描述】：

我们在我们的应用程序中使用 ngbDatePicker。从后端获取日期作为字符串和 ngbDatePicker 使用 {year: Value, month: Value, day: Value}。

<div class="input-group">
      <input class="form-control" 
          placeholder="yy/mm/dd" 
          [(ngModel)]="registerDate" 
          ngbDatepicker
          #d="ngbDatepicker" >
          <button class="input-group-addon" (click)="d.toggle()" type="button">
              <i class="fa fa-calendar"></i>
          </button>
    </div>

这里 registerDate 值以字符串形式出现。

它不读取字符串格式，我怎么让它可以被 ngbDatepicker 读取。

【问题讨论】：

后端的日期字符串是什么样的？
它的“MM/DD/YY”在这个格式中

标签： javascript angular ngb-datepicker

【解决方案1】：

我建议您将[(ngModel)] 分成两部分（请参阅此处How [ngModel] and (ngModelChange) work together?）。

然后你可以这样做：

<input class="form-control" 
       placeholder="yy/mm/dd" 

       [ngModel]="getDateAsObject()"
       (ngModelChange)="writeDateToString($event)"

       ngbDatepicker
       #d="ngbDatepicker">

或者您可以将其临时保存为给定格式，仅在需要时将其转换为字符串。然后你可以坚持使用[(ngModel)]...，它的性能也会更高。

【讨论】：