ngbDatepicker en Angular
Publicado por Pablo (1 intervención) el 16/02/2021 15:42:03
Buenas,
tengo dos datepicker, uno de fecha de inicio y otro de fecha de fin. Me funcionan correctamente, pero estoy intentando hacer que la selección en los calendarios sea por grupos de 10 días, es decir, de 10 en 10, pero no logro encontrar cómo enfocar eso. El código que tengo es:
En el archivo .ts del componente:
tengo dos datepicker, uno de fecha de inicio y otro de fecha de fin. Me funcionan correctamente, pero estoy intentando hacer que la selección en los calendarios sea por grupos de 10 días, es decir, de 10 en 10, pero no logro encontrar cómo enfocar eso. El código que tengo es:
1
2
3
4
5
6
7
8
9
10
11
12
<input
type="text"
id="date-start"
ngbDatepicker
#d="ngbDatepicker"
[(ngModel)]="dateIni"
(dateSelect)="updateM()"
class="c-datepicker__input"
/>
<button type="button" (click)="d.toggle()" class="c-datepicker__button" title="Abrir calendario fecha inicio">
</button>
1
2
3
4
5
6
7
8
9
10
11
12
<input
type="text"
id="date-end"
ngbDatepicker
#e="ngbDatepicker"
[(ngModel)]="dateEnd"
(dateSelect)="updateM()"
class="c-datepicker__input"
/>
<button type="button" (click)="e.toggle()" class="c-datepicker__button" title="Abrir calendario fecha fin">
</button>
En el archivo .ts del componente:
1
import * as moment from 'moment';
1
2
3
4
5
6
7
8
9
10
constructor(
public remote: RemoteService,
public common: CommonService,
public global: GlobalService
) {
this.dateIni = this.common.moment2Ngb(moment().subtract('months', 1))
this.dateEnd = this.common.moment2Ngb(moment())
}
1
2
3
4
5
6
7
updateM() {
let filter = {
DateIni: this.common.ngb2Moment(this.dateIni).format('yyyy-MM-DD'),
DateEnd: this.common.ngb2Moment(this.dateEnd).format('YYYY-MM-DD')
}
}
Valora esta pregunta


0