如何在primeng日歷（p日歷）中僅顯示2個不同月份之間的范圍？

Question

我試圖在 p-calendar 中顯示 2 個月之間的范圍，但沒有成功，例如，我只想在月中到下個月中顯示日期。 我想使用帶有formcontrol的reactiveForm來做到這一點，但無論如何，使用ngModel的解決方案都會受到贊賞。

Answer 1

我很困惑你在問什么，但這是一個嘗試。 這顯示兩個月，允許選擇日期范圍：

import { Component, ViewChild } from '@angular/core';
import { Calendar } from 'primeng/calendar';
@Component({
  selector: 'app-root',
  template: `
<div class="p-fluid p-grid p-formgrid">
  <div class="p-field p-col-12 p-md-4">
    <label for="multiplemonths">Multiple Months</label>
    <p-calendar #rangeCal [(ngModel)]="rangeDates" [numberOfMonths]='2'
      selectionMode="range" inputId="multiplemonths"></p-calendar>
  </div>
</div>`
})
export class AppComponent { 
  @ViewChild( 'rangeCal' ) rangeCal: Calendar;
  rangeDates: Date[];
  ngOnInit() {
  }
}