如何在angular 7的数据表中进行日期范围过滤?

时间:2019-05-08 19:43:47

标签: angular filter datatables

我想做这样的代码https://l-lin.github.io/angular-datatables/#/advanced/custom-range-search ...但是带有日期,我不知道怎么做。我尝试做同样的事情,但是更改了变量,但是我做不到。 实际上,我具有与链接相同的代码

     @ViewChild(DataTableDirective)
  datatableElement: DataTableDirective;
  public logs: LogsTabla[];
  dtTrigger: Subject<any> = new Subject();
  min: number;
  max: number;

  constructor(private _auditoriaService: AuditoriaService) { }

  ngOnInit():void {
    $.fn['dataTable'].ext.search.push((settings, data, dataIndex) => {

      const id = parseFloat(data[0]) || 0; // use data for the id column
      if ((isNaN(this.min) && isNaN(this.max)) ||
        (isNaN(this.min) && id <= this.max) ||
        (this.min <= id && isNaN(this.max)) ||
        (this.min <= id && id <= this.max)) {
        return true;
      }
      return false;
    });

和HTML

<form (submit)="filterById()">
          <label>
            Min
            <input type="number" name="min" id="min" [(ngModel)]="min"  />
          </label>
          <label>
            Max
            <input type="number" name="max" id="max" [(ngModel)]="max" />
          </label>
          <button class="btn btn-primary" type="submit">Filter by ID</button>
        </form>
        <br />

0 个答案:

没有答案