angular - 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为您制作了一些组件。

安装此依赖行，

日期-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的来源。stackblitz 不支持 sass 属性。这就是不显示输出的原因。您复制 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 { }

ng-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 { }

我添加了这行只看。