Angular 用剑道界面和角度显示上传文件的日期

Angular 用剑道界面和角度显示上传文件的日期,angular,kendo-ui,kendo-upload,Angular,Kendo Ui,Kendo Upload,我正在使用剑道用户界面上传文件,我想显示上传文件的名称、大小和日期 这是my component.html: <kendo-upload class="mobile-max-height-240" style="margin-top:2%;" (select)="onSelect($event)" (remove)="onRemove($event)"[re

我正在使用剑道用户界面上传文件,我想显示上传文件的名称、大小和日期

这是my component.html:

             <kendo-upload  class="mobile-max-height-240"  style="margin-top:2%;"
            (select)="onSelect($event)" (remove)="onRemove($event)"[restrictions]="fileRestrictions"
            [(ngModel)]="addedfiles">
            <kendo-upload-messages
            [dropFilesHere]="''"
            [select]="'Add'"
            [retry]="'retry'"
            [remove]="'cancel'">
           </kendo-upload-messages>
              <span style ="color : black ; font-size: xx-small; padding-left: 60%;"> Date: {{date | 
              date : 'dd/mm/y'}}</span>

          </kendo-upload>
      

日期:{{Date|
日期:'dd/mm/y'}
这是我的组件。ts:

export class FilesUploadComponent implements OnInit {

 date = new Date();
 addedfiles : Array<any> = [];
 fileRestrictions: FileRestrictions = {
 allowedExtensions: ['.jpg', '.png', '.jpeg', '.doc', '.docx','.pdf'],
 maxFileSize: 5000000
 };


 constructor(private router : Router) { }

 ngOnInit() {
 }

// select a file from your device
 public onSelect(ev: any): void {
  ev.files.forEach((file: FileInfo) => {
 
   if (file.rawFile) {
    const reader = new FileReader();
    if(this.fileRestrictions.allowedExtensions.includes(file.extension.toLowerCase()))
    {reader.onloadend = () => {
      this.addedfiles.push({ ...file, src: reader.result as string});
    };
    reader.readAsDataURL(file.rawFile);
  }
  }
 });
  }

 // remove a selected file
   public onRemove(ev: RemoveEvent): void {
    ev.files.forEach((file: FileInfo) => {
    this.addedfiles = this.addedfiles.filter(f => f.uid !== file.uid);
  });
 }
导出类FileUploadComponent实现OnInit{
日期=新日期();
addedfiles:Array=[];
文件限制:文件限制={
允许的扩展:['.jpg'、'.png'、'.jpeg'、'.doc'、'.docx'、'.pdf'],
最大文件大小:5000000
};
构造函数(专用路由器:路由器){}
恩戈尼尼特(){
}
//从设备中选择一个文件
公共onSelect(ev:any):无效{
ev.files.forEach((文件:FileInfo)=>{
if(file.rawFile){
const reader=new FileReader();
if(this.fileRestrictions.allowedExtensions.includes(file.extension.toLowerCase()))
{reader.onloadend=()=>{
this.addedfiles.push({…文件,src:reader.result as string});
};
reader.readAsDataURL(file.rawFile);
}
}
});
}
//删除选定的文件
公共onRemove(ev:RemoveEvent):无效{
ev.files.forEach((文件:FileInfo)=>{
this.addedfiles=this.addedfiles.filter(f=>f.uid!==file.uid);
});
}
但是日期没有显示!有人帮我吗