angular - Hur man ställer in ett initialt värde på ng2-datepicker
Jag använder ng2-datepicker för tillgängligt datum och utgångsdatum. Jag undrar om någon vet hur man ställer in ett initialt värde. Allt med datumväljaren fungerar, jag vill bara att dateAvaliable ska vara dagens datum och sedan dateExpires ska vara 2099-12-31.
<label>Date Avaliable:</label>
<div>
<ng2-datepicker name="dateAvaliable" [(ngModel)]="dateAvaliable" [ngModelOPtions]="{standalone: true}"> </ng2-datepicker>
</div>
<label>Date Expires:</label>
<div>
<ng2-datepicker name="dateExpires" [(ngModel)]="dateExpires" [ngModelOPtions]="{standalone: true}"> </ng2-datepicker>
</div>
Komponent:
private today = new Date();
private dd: any = this.today.getDate();
private mm: any = this.today.getMonth() +1;
private year: any = this.today.getFullYear();
public sop: Sop;
public dateExpires: any;
public dateAvaliable: any;
ngOnInit() {
if (this.dd<10) {
this.dd ='0'+this.dd;
}
if(this.mm<10){
this.mm='0'+this.mm;
}
this.sop = {
description: "",
country: [this.countrys[4].value],
storeType: [this.storeTypes[4].value],
scoType: [this.scoTypes[6].value],
audience: [this.audiences[2].value],
sopType: [this.sopTypes[2].value],
dateAvaliable: this.year +'-'+this.mm+'-'+this.dd,
dateExpires: "2099-12-31"
}
}
det här är mitt gränssnitt:
export interface Sop {
description: String;
country?: String[];
storeType?: String[];
scoType?: String[];
audience?: String[];
sopType?: String[];
dateAvaliable: any;
dateExpires: any;
}
Svar #1
Du kan också använda som nedan :
- Du kan importera
DatePickerOptionsfrånng2-datepicker
import { DatePickerOptions} from 'ng2-datepicker';
- då deklarera en variabel :
public dateOptions: DateOptions;
- och initiera det inuti
ngOnit:
ngOnInit() {
this.datepickerOptions = new DatePickerOptions({
format: 'DD-MM-YYYY'
});
- Använd det i din HTML :
<ng2-datepicker name="dateExpires" [options]="datepickerOptions "></ng2-datepicker>
Svar #2
Du behöver använda [options] för att ställa in initialvärde
<ng2-datepicker name="dateExpires" [(ngModel)]="dateExpires" [options]="{maxDate: dateExpires}"></ng2-datepicker>
Initiera alternativ
ngOnInit() {
this.dateExpires = moment("2099-12-31");
}
