ngx-bootstrap datepicker选项仅选择月份和年份

Question

我将ngx-botstrap BsDatepickerModule用于我的申请表，并且我只要求选择一个月。有谁知道我在哪里可以找到解决方案？这个问题在大约一年前就已经提出，并且看起来非常迫切，因此我隐瞒了获得答案的希望。单击日期选择器按钮后，我希望看到的是：

Answer 1

我设法用相同的bsDatepicker解决了这个问题

组件模板：

<form class="container">
<input [(ngModel)]="modelDate" autocomplete="off" class="form-control" name="date" bsDatepicker [bsConfig]="{dateInputFormat: 'MM/YYYY'}" (onShown)="onOpenCalendar($event)">
Result: <p>{{modelDate}}</p>
</form>

组件代码示例：

onOpenCalendar(container) {
 container.monthSelectHandler = (event: any): void => {
   container._store.dispatch(container._actions.select(event.date));
 };     
 container.setViewMode('month');
}

在此处检查工作示例https://stackblitz.com/edit/ngx-datepicker-month-picker-poc

Answer 2

只需放入minMode:'month'bsConfig 中，这对我来说效果很好。

[bsConfig]="{ minMode:'month', adaptivePosition: true, dateInputFormat: 'MMMM YYYY' }"