如何在ngx-daterangepicker-material日期范围选择器中仅显示单月

使用ngx-daterangepicker-material日期范围选择器时，默认会展示双月份面板，需要调整为仅展示单个月份面板，效果对比如下：

• 默认双面板效果：
  
• 期望单面板效果：
  

组件原生提供了控制显示月份数量的输入属性displayMonths，默认值为2（即显示两个月面板），将该值设置为1即可实现单月面板展示，根据使用方式选择对应配置方法即可：

直接在模板标签上配置 #

直接在日期选择器指令上绑定[displayMonths]="1"属性：

<input 
  type="text" 
  ngxDaterangepickerMd 
  [(ngModel)]="selectedDateRange"
  [displayMonths]="1"
>

通过配置对象统一配置 #

如果组件是通过options对象统一管理配置项，直接在配置对象中添加displayMonths: 1字段即可：

import { IDaterangepickerConfig } from 'ngx-daterangepicker-material';

pickerConfig: IDaterangepickerConfig = {
  // 保留原有其他配置，比如本地化、快捷选项等
  displayMonths: 1,
  locale: {
    format: 'YYYY-MM-DD'
    // 其他本地化配置
  }
}

对应模板中绑定配置对象：

<input 
  type="text" 
  ngxDaterangepickerMd 
  [(ngModel)]="selectedDateRange"
  [options]="pickerConfig"
>

配置提示：如果设置后未生效，先检查本地安装的组件版本，displayMonths属性在v6.0.0及以上稳定版本均支持，版本过低时先升级组件到最新稳定版即可。

内容的提问来源于stack exchange，提问作者Bhautik Khunt