【问题标题】:Angular 5 ng2-datepicker Date Picker Days are missing缺少 Angular 5 ng2-datepicker 日期选择器天数
【发布时间】:2018-07-22 09:52:42
【问题描述】:

给我推荐一个与 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>

【问题讨论】:

  • ng2-datepicker 看起来不太自信。它不是最新的。最后发布:2017 年 2 月 16 日。请考虑使用 Angular Material Datepicker。

标签: angular ng2-datepicker


【解决方案1】:
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;
 }

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多