如何在primeng日历（p日历）中仅显示2个不同月份之间的范围？

【问题标题】：How to display only a range between 2 different months in primeng calendar (p-calendar)?如何在primeng日历（p日历）中仅显示2个不同月份之间的范围？
【发布时间】：2021-07-21 16:42:43
【问题描述】：

我试图在 p-calendar 中显示 2 个月之间的范围但没有成功，例如，我想只显示一个月中旬到下个月中旬之间的日期。我想使用带有 formcontrol 的 reactiveForm 来完成它，但是无论如何，使用 ngModel 的解决方案都会受到赞赏。

【问题讨论】：

你是要求2个月混在一起吗？

标签： javascript html angular calendar primeng

【解决方案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() {
  }
}

【讨论】：