Angular 7中没有内置的DateTimePicker组件,但可以使用第三方库来实现。其中,ngx-bootstrap是一个可选项。需要在项目中安装ngx-bootstrap并导入DateTimePickerModule模块。
安装步骤:
使用npm安装ngx-bootstrap库
npm install ngx-bootstrap --save
导入DateTimePickerModule模块
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { FormsModule } from '@angular/forms';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
@NgModule({
imports: [
BrowserModule,
FormsModule,
BsDatepickerModule.forRoot()
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }
在HTML文件中使用DateTimePicker
其中,“bsValue”是一个Date类型的属性,为所选日期的值。