Angular 5 NG2-日期选择器缺少日期选择器天数

Question

与Angular 5相比，建议我选择一个日期选择器

DatePicker即将到来，但第一次加载时不显示日期。

只显示了几周。当我点击下个月的箭头时，它就会正常显示

app.module.ts

import { NgDatepickerModule  } from 'ng2-datepicker';

@NgModule({
 imports: [
   NgDatepickerModule
   ]
});

component.ts

import { DatepickerOptions } from 'ng2-datepicker';

componet.html

<ng-datepicker formControlName="callDate"></ng-datepicker>

Answer 1

尝试使用ngx-bootstrap中的Datepicker。它有很多配置，并且可以与angular 5配合使用。

Answer 2

HTML Code:
<form class="form-inline">
<div class="form-group">
<div class="input-group">
<input class="form-control" placeholder="yyyy-mm-dd"
         name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary" (click)="d.toggle()" type="button">
<img src="img/calendar-icon.svg" style="width: 1.2rem; height: 1rem; cursor: 
 pointer;"/>
</button>
 </div>
 </div>
 </div>
 </form>


 Ts Code is:
 import {Component} from '@angular/core';

 @Component({
 selector: 'ngbd-datepicker-popup',
 templateUrl: './datepicker-popup.html'
 })
 export class NgbdDatepickerPopup {
    model;
 }