要在Angular Material中实现日期范围过滤器并填充表格，你需要执行以下步骤：

1. 首先，确保你的应用中已经安装了Angular Material和Moment.js。你可以使用以下命令来安装它们：

   npm install @angular/material moment
   

2. 在你的模块文件中导入所需的模块：

   import { MatDatepickerModule } from '@angular/material/datepicker';
   import { MatMomentDateModule } from '@angular/material-moment-adapter';
   

3. 在你的组件模板中添加一个日期选择器和一个按钮：

   
     
     
     
   
   
   
     
     
     
   
   
   Filter
   

4. 在你的组件类中添加startDate和endDate属性，并创建filterTable方法来过滤表格数据：

   import { MatTableDataSource } from '@angular/material/table';
   
   // 导入Moment.js
   import * as moment from 'moment';
   
   export class YourComponent {
     dataSource = new MatTableDataSource(yourDataArray);
     startDate: Date;
     endDate: Date;
   
     filterTable() {
       // 使用Moment.js将日期范围转换为可比较的格式
       const start = moment(this.startDate).startOf('day');
       const end = moment(this.endDate).endOf('day');
   
       // 过滤表格数据
       const filteredData = yourDataArray.filter(item => {
         const itemDate = moment(item.date);
         return itemDate.isBetween(start, end);
       });
   
       // 更新表格数据源
       this.dataSource.data = filteredData;
     }
   }
   

5. 最后，在你的组件模板中使用MatTable来显示过滤后的数据：

这样，当用户选择日期范围并点击“Filter”按钮时，表格数据将被过滤并显示在表格中。请确保将yourDataArray替换为你的实际数据数组，以及根据你的需求修改日期格式和日期属性的名称。