Question

我尝试设置配置对象＆＃39; bsConfig＆＃39;价值为＆＃39; MMM-YYYY＆＃39;。问题是，当我点击输入时，它显示了要选择的所有三个选项（日，月，年）。我想只显示月份和年份进行选择。当我选择一个特定日期时，它在输入字段中仅显示月份和年份。显示部分很好但我也希望datepicker只显示月份和年份来选择，而不是显示选择的日期。

这是我的示例代码。

在html文件中。

<input bsDatepicker [bsConfig]="bsConfig">

在component.ts文件中

bsConfig: Partial<BsDatepickerConfig>;

ngOnInit() {
this.bsConfig = Object.assign({}, {dateInputFormat: 'MMM-YYYY', selectDay: false, showWeekNumbers: false});

}

我安装了ngx-bootstrap，包括＆＃34; ngx-bootstrap / datepicker / bs-datepicker.css＆＃34;文件，将其导入组件。一切都是好的。除了它显示当天也选择我只想选择月份和年份。

有人帮助我。

Answer 1

对于那些仍在寻找的人，这是新的更新的配置值。

最小模式

在app.component.ts中

export class AppComponent  {       
        bsValue: Date = new Date(2017, 7);
        minMode: BsDatepickerViewMode = 'month';
        bsConfig: Partial<BsDatepickerConfig>;

      ngOnInit(): void {
        this.bsConfig = Object.assign({}, {
          minMode : this.minMode
        });
      }
}

app.component.html

<bs-datepicker-inline [bsConfig]="bsConfig" bsDatepicker [(bsValue)]="bsValue"></bs-datepicker-inline>

如何使ngx-bootstrap datepicker能够选择并仅显示月份和年份？

1 个答案: