Использование дополнительных атрибутов ng2-datepicker

Question

Может ли кто-нибудь помочь мне в использовании дополнительных атрибутов ng2-datepicker ?

Я пробовал:

<ng-datepicker [(ngModel)]="date" [options]="options" [isOpened]="true"></ng-datepicker>

Я хочу использовать календарь выбора даты двумя способами в двух разных местах.

1. Календарь должен открываться по умолчанию и не должен скрываться при выборе даты
2. наоборот другого (работа по умолчанию для ng2-datepicker)

Answer 1

Я сделал для вас какой-то компонент, используя https://github.com/bleenco/ng2-datepicker this.

Установить это зависимости строк,

date-fns

npm i date-fns

https://www.npmjs.com/package/date-fns

ngx-slimscroll

npm install ngx-slimscroll

https://www.npmjs.com/package/ngx-slimscroll

Вот источник в stackblitz. Свойство sass не поддерживается в stackblitz. Вот почему вывод не отображается. Вы копируете папку ng-datepicker и пропускаете папку вашего проекта.

https://stackblitz.com/edit/angular-agvjhm

Добавьте эту строку в файл app.module.ts,

import { NgDatepickerModule } from '../app/ng-datepicker/module/ng-datepicker.module';

imports: [   
    NgDatepickerModule,
],

файл app.html,

<ng-datepicker [(ngModel)]="date" [isOpened]="true">

<ng-datepicker-default [(ngModel)]="date">

использовать некоторые теги br между этими двумя тегами. Потому что открылся первый тег по умолчанию. Так что он занимает несколько мест и закрывается вторым тегом.

Работает отлично проверено, вот скриншот,

давай попробуем это один раз и дай мне знать.

Редактировать: - (пожалуйста, отметьте)

файл app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';
import { NgDatepickerModule } from './ng-datepicker/module/ng-datepicker.module';

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

нг-datepicker.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { NgSlimScrollModule } from 'ngx-slimscroll';
import { NgDatepickerModifiedComponent } from '../ng-datepicker-modified/ng-datepicker-modified';
import { NgDatepickerDefaultComponent } from '../ng-datepicker-default/ng-datepicker-default';

@NgModule({
  declarations: [ NgDatepickerModifiedComponent,NgDatepickerDefaultComponent ],
  imports: [ CommonModule, FormsModule, NgSlimScrollModule ],
  exports: [ NgDatepickerModifiedComponent,NgDatepickerDefaultComponent, CommonModule, FormsModule, NgSlimScrollModule ]
})
export class NgDatepickerModule { }

Я добавил эту строку только см.