Question

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

组件

<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一样。但是不起作用：（

有人能帮助我吗？

提前致谢。

Answer 1

解决！

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

<强>组件

@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();

   }
}

TypeScript文件

df.values.sort(1)

df

   a  b
0  1  3
1  2  4
2  0  2
3  1  6

在primeng pcalendar中设置空白值

1 个答案: