Rango de fecha

Referencia fechas: https://momentjs.com/docs/#/query/is-same-or-before/

Búsqueda por rango de fecha:

import:

import * as moment from 'moment';

declare var $:any;

crear html

<div style="display: inherit;" >

<div>

<small class="text-muted form-text" >Fecha inicio: </small>

<input class="form-control" id="f_ini" type="date">

</div>

<div>

<small class="text-muted form-text" >Fecha fin: </small>

<input class="form-control" id="f_end" type="date">

</div>

<div>

<ion-button style=" margin-top: 25px;" (click)="searchPlanning()" >

<ion-icon name="search" ></ion-icon>

</ion-button>

</div>

</div>

Función parametrisada getRango

//04-05-2020

getDateBetween( dataList:Array<any>, keyDate , f_ini , f_end ){

return dataList = dataList.filter(elemento=>

moment( elemento[keyDate] ).isBetween( f_ini , f_end ) );

};

Validacion de fechas

//04-05-2020

isValidRangeDate( f1,f2 ){

let isValid = false

if( (f1 && f1.trim() !== "" ) && (f2 && f2.trim() !== "" ))

if( ( moment(f1).isSameOrBefore( f2 ) ))//es f1<=f2 true

isValid = true;

return isValid;

}

Implementacion de funciones

//04-05-2020

searchPlanning(){

let f_ini = $("#f_ini").val();

let f_end = $("#f_end").val();

//filter date

if( this.isValidRangeDate( f_ini, f_end ) )

this.plannings = this.getDateBetween( this.planningsInit , "created_at" , f_ini, f_end );

else alert('Fechas incorrectas');

};