A continuación se muestra el código que estoy usando para establecer el minDate
<input ngbDatepicker #d="ngbDatepicker" [minDate]="minDate" [formControl]="Form.controls['dateOfBirth']">En el componente, estoy configurando minDate de la siguiente manera:
public minDate: Date = void 0; constructor() { this.minDate = new Date(1950, 1, 1); }Pero el selector de fecha todavía muestra 2007 como minDate. ¿Hay algo que falta? Déjame saber en caso de que se requiera cualquier otra información.
Gracias por tu tiempo.
Desde su fragmento de código, parece que está usando ng-bootstrap de https://ng-bootstrap.github.io/#/components/datepicker . Suponiendo que estoy en lo correcto, debe usar NgbDateStruct (un objeto con campos como year , month , day ) en lugar del objeto Date de JavaScript incorporado. Por ejemplo, para establecer una fecha mínima a principios de este año, usaría:
this.minDate = {year: 2017, month: 1, day: 1};Aquí hay un ejemplo de trabajo en un plunker: http://plnkr.co/edit/VDEYDwp7QIZDDHatCNPh?p=preview
Simplemente pase [minDate]="{year: 1980, month: 1, day: 1}" :
<input type="text" [(ngModel)]="date" ngbDatepicker #d="ngbDatepicker" (focus)="d.open()" [minDate]="{year: 1980, month: 1, day: 1}" name="date" class="form-control"/>Este es tu código HTML
<mat-form-field class="col-md-3"> <mat-label >Date :</mat-label> <input matInput ngxDaterangepickerMd formControlName="dateFilter" placeholder="Choose date" [maxDate]="maxDate" [minDate]="minDate" [showDropdowns]="true" [singleDatePicker]="true" [showCancel]="true" [locale]="locale" /> </mat-form-field>Esto va a mecanografiado:
public minDate = moment().subtract(1, 'days'); public maxDate = moment(); selected = moment(); locale :LocaleConfig= { applyLabel: 'Apply', customRangeLabel: ' - ', daysOfWeek: moment.weekdaysMin(), monthNames: moment.monthsShort(), firstDay: moment.localeData().firstDayOfWeek(), };