Angular material 角度6 CoreUI和日期选择器

Angular material 角度6 CoreUI和日期选择器,angular-material,angular6,core-ui,Angular Material,Angular6,Core Ui,我使用(angular 6版本)来创建一个简单的面板 我需要一个日期选择器,但无法找到如何执行此操作。 角度材质可能是一个很好的解决方案,但我没有设法将其包括在内-看起来有一些基本的冲突 任何简单的解决方案?您可以添加ngx引导程序,它具有与引导程序V3和V4兼容的引导程序日期选择器。 您可以在这里查看: 要安装ngx引导,请运行以下命令 ng add ngx-bootstrap --component datepicker 然后将以下代码添加到AppModule import { BsDa

我使用(angular 6版本)来创建一个简单的面板

我需要一个日期选择器,但无法找到如何执行此操作。
角度材质可能是一个很好的解决方案,但我没有设法将其包括在内-看起来有一些基本的冲突


任何简单的解决方案?

您可以添加
ngx引导程序
,它具有与引导程序V3和V4兼容的引导程序日期选择器。 您可以在这里查看:

要安装ngx引导,请运行以下命令

ng add ngx-bootstrap  --component datepicker
然后将以下代码添加到AppModule

import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';


@NgModule({
  imports: [BsDatepickerModule.forRoot(),...]
})
export class AppModule(){}
示例用法(在模板中):


安装日期时间选择器软件包:

npm安装--保存角度引导datetimepicker引导时刻打开图标

//将以下内容添加到app.module.ts
从“./app.component”导入{AppComponent};
从“@angular/platform browser”导入{BrowserModule};
从'@angular/forms'导入{FormsModule};
从“@angular/core”导入{NgModule};
从“角度引导datetimepicker”导入{DlDateTimePickerDateModule};
@NGD模块({
声明:[
应用组件
],
进口:[
浏览器模块,
FormsModule,
DlDateTimePickerDate模块,
],
提供者:[FormsModule],
引导:[AppComponent]
})
导出类AppModule{}
//将以下内容添加到app.component.html
//将以下内容添加到./src/styles.css
@导入“~bootstrap/dist/css/bootstrap.min.css”;
@导入“~open-ignical/font/css/open-ignical-bootstrap.css”
<input type="text" placeholder="Datepicker" class="form-control" bsDatepicker>