Search number between range

Hello guys,

I’m trying to implement a advanced search field in a column where it returns the results between two given inputs:

<input type="number" placeholder="From" #inputField1 style="width:150px">
<input type="number" placeholder="To" #inputField2 style="width:150px">
<button class="btn-primary" type="button" (click)="amountRange(inputField1.value, inputField2.value)">GO</button>

 amountRange(beginValue: string, endValue: string){
    if(!beginValue && !endValue){
      this.source = new LocalDataSource(this.data);
    }else{
      this.source.addFilter([
        {
          field: 'amount',
          search: [beginValue, endValue],
          filter:{
            
          }
        }
      ], false);
    }
  }

Any ideias how to implement filter function? Thanks 😃

[DidierBoutin]

search can be a tab; so you can initialize parameters in one shot :

  this.source.setFilter([
    {
      field: 'amount',
      search: ['2010-01-01' ,  '2015-01-01']
      filter: (value: string, serachValue: string) =>{
      return (new Date(value) >= new Date(searchValue[0]) && (new Date(value) <= new Date(searchValue[1])) )
      }
  }])

[shilan]

I actually found a better solution inspired by your code that guarantees we get to both filters and that is filtering on return value of a filter here it is

`  dateRange(beginDate: string, endDate: string) {
    if (!(!beginDate && !endDate)) {
        this.source.setFilter([
          {
            field: 'batchDateAsString',
            search: endDate,
            filter: (value: string, endValue: string) => {
              return new Date(value) <= new Date(endValue);
            }
          }
        ], true).setFilter([
          {
            field: 'batchDateAsString',
            search: beginDate,
            filter: (value: string, beginValue: string) => {
              return new Date(value) >= new Date(beginValue);
            }
          }
        ]);
    } else {
      this.source = new LocalDataSource(this.data);
    }
  }`