Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在主日历(p-calendar)中仅显示2个不同月份之间的范围?_Javascript_Html_Angular_Calendar_Primeng - Fatal编程技术网

Javascript 如何在主日历(p-calendar)中仅显示2个不同月份之间的范围?

Javascript 如何在主日历(p-calendar)中仅显示2个不同月份之间的范围?,javascript,html,angular,calendar,primeng,Javascript,Html,Angular,Calendar,Primeng,我试图在p-calendar中显示2个月之间的范围,但没有成功。例如,我只想显示一个月中到下个月中之间的日期。 我想使用带有formcontrol的reactiveForm来完成这项工作,但无论如何,使用ngModel的解决方案都是值得赞赏的。我不明白您的要求,但这是一次尝试。这将显示两个月,允许选择日期范围: import { Component, ViewChild } from '@angular/core'; import { Calendar } from 'primeng/calen

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

我不明白您的要求,但这是一次尝试。这将显示两个月,允许选择日期范围:

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() {
  }
}
从'@angular/core'导入{Component,ViewChild};
从'primeng/Calendar'导入{Calendar};
@组成部分({
选择器:'应用程序根',
模板:`
多个月
`
})
导出类AppComponent{
@ViewChild('rangeCal')rangeCal:日历;
范围日期:日期[];
恩戈尼尼特(){
}
}

您是否要求两个月的时间?