2 回答

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個贊
如果您想充分利用NgBoostrap DatePicker模塊,則可以將NgbCalendar服務(wù)導(dǎo)入到component.ts中,并使用它來獲取今天的日期。請注意,NgBootstrap日期選擇器不接受常規(guī)的JavaScript Date對象或日期字符串作為輸入,因?yàn)樗褂肗gbDateStruct接口。
首先,將NgbCalendar導(dǎo)入到您的component.ts中,
import { NgbCalendar, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
然后,使用getToday()方法并將今天的日期分配給selectedDate屬性。您的日期選擇器應(yīng)使用今天的日期進(jìn)行初始化。
selectedDate: NgbDateStruct = undefined;
constructor(private calendar: NgbCalendar) {
this.selectedDate = calendar.getToday()
}
另外,您也可以使用Vanilla JavaScript設(shè)置今天的日期,
constructor(private calendar: NgbCalendar) {
const today = new Date();
this.selectedDate = {
day: today.getDate(),
month: today.getMonth() + 1,
year: today.getFullYear()
};
}

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個贊
請注意,ngbDatepicker模型是一個NgbDate對象。您必須在構(gòu)造函數(shù)或onInit方法中設(shè)置[ngModel] =“ selectedDate”變量,類似這樣。
ngOnInit() {
var today = new Date();
this.selectedDate = new NgbDate(today.getFullYear(), today.getMonth(), today.getDate())
}
添加回答
舉報