要解决在Angular 6中刷新angular-bootstrap-datetimepicker视图的问题,你可以尝试使用以下解决方案:
首先,确保你已经安装了所需的依赖项。在项目中运行以下命令安装angular-bootstrap-datetimepicker:
npm install angular-bootstrap-datetimepicker --save
接下来,在你的模块文件中导入Datetimepicker模块:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { DateTimePickerModule } from 'angular-bootstrap-datetimepicker';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule,
FormsModule,
DateTimePickerModule
],
declarations: [
AppComponent
],
bootstrap: [AppComponent]
})
export class AppModule { }
然后,在你的组件模板中使用Datetimepicker:
在你的组件类中添加refreshView方法:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
selectedDate: Date = new Date();
refreshView() {
// 通过修改selectedDate来刷新视图
this.selectedDate = new Date(this.selectedDate.getTime());
}
}
通过以上步骤,你应该能够在Angular 6中刷新angular-bootstrap-datetimepicker视图了。当点击"刷新视图"按钮时,会通过修改selectedDate来触发视图的刷新。