angular - 在primeng pcalendar中设置空白值

我在启动主题和Angular 2中使用p日历时遇到问题，我想在用户选择日期并设置空白值后清除日历值。
我的代码:

组件

<div style="margin-right: -6px">
     <p-calendar [(ngModel)]="viewModel.fromDate" [showIcon]="true" readOnlyInputText="true" (click)="restoreValues()"></p-calendar>
</div>

TypeScript文件

export class RequestSearcherComponent implements OnInit {


restoreValues(): void {

    this.viewModel.areaIds = [];
    this.viewModel.cedingIds = [];
    this.viewModel.requestType = [];
    this.viewModel.requestResponsible = [];
    this.viewModel.requestStatus = [];
    this.fromDate.setDate(null);
   }
}

我尝试了很多方法和方法作为出现在代码中的setDate。
但是不起作用:(

有谁能够帮我？

提前致谢。

最佳答案

解决了!

不是最好的方法，但是有效...

组件

<div>
     <p-calendar #fromCal [(ngModel)]="value" [showIcon]="true" readOnlyInputText="true"></p-calendar>
</div>

TypeScript文件

@Component({
selector: 'app-request-searcher',
templateUrl: './request-searcher.component.html'
})

export class RequestSearcherComponent implements OnInit {

@ViewChild('fromCal') calendarFrom: Calendar;

/** My awesome code... */

restoreValues(): void {

    this.calendarFrom.value = null;
    this.calendarFrom.updateInputfield();

   }
}