angular - 预选日期在 ngx-daterangepicker-material 中不起作用

Question

我在 Angular 中使用 ngx-daterangepicker-material 作为日期范围选择器。我从后端获取开始日期和结束日期，并希望在 daterangepicker 上显示和应用该日期。我已经尝试过他们在 GitHub 和 google 中提到的，但它在那里不起作用。我应该改变什么来达到我的结果？

<input type="text" ngxDaterangepickerMd [locale]="{applyLabel: 'Ok', format: 'MM-DD-YYYY'}"
 startKey="start" endKey="end" [(ngModel)]="selectedRange" name="daterange" [ranges]="ranges" 
[showCustomRangeLabel]="true" [alwaysShowCalendars]="true" (rangeClicked)="rangeClicked($event)" 
(datesUpdated)="datesUpdated($event)" class="form-control" placeholder="Select please..." 
[keepCalendarOpeningWithRange]="true" [linkedCalendars]="true"/>

在 ts 文件中，我提到了如下模型：

selectedRange: {startDate: dayjs.Dayjs, endDate: dayjs.Dayjs};

var result = [dayjs().subtract(6, 'days'), dayjs()]
 this.selectedRange = {
   startDate: result.startDate,
   endDate: result.endDate
};

result.startDate showing result like = "2021-06-10T06:11:20.833Z"
result.endDate showing result like = "2021-06-16T06:11:20.834Z"

但是它在 UI 端显示默认的今天日期。那么如何在 UI 端显示正确的范围并在 daterangepicker 中应用正确的日期呢？