0

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

DatePicker 来了,但没有显示第一次加载的日期。

只显示几周。当我单击下个月箭头时,它会正确显示

app.module.ts

import { NgDatepickerModule  } from 'ng2-datepicker';

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

组件.ts

import { DatepickerOptions } from 'ng2-datepicker';

组件.html

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

2 回答 2

0

尝试使用来自 ngx-bootstrap 的 Datepicker。它有很多配置,并且适用于 angular 5。

于 2018-02-12T15:19:43.930 回答
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;
 }
于 2018-06-26T10:41:59.210 回答