Угловой 6 CoreUI и DatePicker - PullRequest
Новая
       10

Угловой 6 CoreUI и DatePicker

0 голосов
/ 18 октября 2018

Я использую CoreUI (угловая версия 6) для создания простой панели.

Мне нужно иметь средство выбора даты, но я не могу найти, как это сделать.
Угловой материал может быть хорошим решением, но мне не удается его включить - похоже, есть некоторые основные конфликты.

Любое простое решение?

Ответы [ 2 ]

0 голосов
/ 09 ноября 2018

вы устанавливаете пакет выбора даты и времени:

npm install - сохраняете angular-bootstrap-datetimepicker момент начальной загрузки open-iconic 

// added the following to app.module.ts

import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { NgModule } from '@angular/core';
import { DlDateTimePickerDateModule } from 'angular-bootstrap-datetimepicker';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    DlDateTimePickerDateModule,
  ],
  providers: [FormsModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

//added the following to  app.component.html

<dl-date-time-picker
	startView="day"
	maxView="year"
	minView="minute"
	minuteStep="5"
	[(ngModel)]="selectedDate"
>
</dl-date-time-picker>

// added following to ./src/styles.css

@import '~bootstrap/dist/css/bootstrap.min.css';
@import '~open-iconic/font/css/open-iconic-bootstrap.css';
0 голосов
/ 09 ноября 2018

Вы можете добавить ngx-bootstrap, он оснащен датчиком BootStrap, совместимым с Bootstrap V3 и V4.Вы можете проверить это здесь: https://valor -software.com / ngx-bootstrap / # / datepicker

To установить ngx-bootstrap, запустить эту команду 

ng add ngx-bootstrap  --component datepicker

Затем добавьте следующий код в AppModule 

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


@NgModule({
  imports: [BsDatepickerModule.forRoot(),...]
})
export class AppModule(){}

Пример использования (в шаблоне ): 

<input type="text" placeholder="Datepicker" class="form-control" bsDatepicker>
...