在Angular 7中调用select date后从ngxTimepicker中获取值以及调用函数,可以按照以下步骤进行操作:
npm install ngx-bootstrap ngx-timepicker --save
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { TimepickerModule } from 'ngx-bootstrap/timepicker';
@NgModule({
imports: [
BsDatepickerModule.forRoot(),
TimepickerModule.forRoot()
],
...
})
<input type="text" [(ngModel)]="selectedDate" bsDatepicker>
<input type="text" [(ngModel)]="selectedTime" bsTimepicker>
<button (click)="callFunction()">调用函数</button>
import { Component } from '@angular/core';
@Component({
...
})
export class YourComponent {
selectedDate: Date;
selectedTime: Date;
callFunction() {
// 在这里可以使用selectedDate和selectedTime的值进行相应的操作
console.log('选择的日期:', this.selectedDate);
console.log('选择的时间:', this.selectedTime);
}
}
通过以上步骤,你可以在Angular 7中调用select date后从ngxTimepicker中获取值,并且调用相应的函数进行处理。请注意,以上示例中使用的是ngx-bootstrap的日期选择器和时间选择器,你可以根据实际需求选择其他的日期选择器和时间选择器库。
领取专属 10元无门槛券
手把手带您无忧上云