Angular 5 ng2-datepicker缺少日期选择器天

时间:2018-02-12 09:15:13

标签: angular ng2-datepicker

建议我与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>

2 个答案:

答案 0 :(得分:0)

尝试使用ngx-bootstrap中的Datepicker。 它有很多配置,它适用于角度5。

答案 1 :(得分:0)

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;
 }