Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.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
Angular 如何使ngx引导数据采集器能够只选择和显示月份和年份?_Angular_Datepicker_Ngx Bootstrap - Fatal编程技术网

Angular 如何使ngx引导数据采集器能够只选择和显示月份和年份?

Angular 如何使ngx引导数据采集器能够只选择和显示月份和年份?,angular,datepicker,ngx-bootstrap,Angular,Datepicker,Ngx Bootstrap,我尝试将配置对象“bsConfig”的值设置为“MMM-yyy”。问题是,当我点击输入时,它会显示所有三个选项(天、月、年)来选择。我只想显示月份和年份以供选择。当我选择一个特定日期时,它在输入字段中只显示月份和年份。显示部分很好,但我也希望datepicker只显示要选择的月份和年份,而不显示要选择的日期 这是我的示例代码 在html文件中 <input bsDatepicker [bsConfig]="bsConfig"> 在component.ts文件中 bsConfig

我尝试将配置对象“bsConfig”的值设置为“MMM-yyy”。问题是,当我点击输入时,它会显示所有三个选项(天、月、年)来选择。我只想显示月份和年份以供选择。当我选择一个特定日期时,它在输入字段中只显示月份和年份。显示部分很好,但我也希望datepicker只显示要选择的月份和年份,而不显示要选择的日期

这是我的示例代码

在html文件中

<input bsDatepicker [bsConfig]="bsConfig">

在component.ts文件中

bsConfig: Partial<BsDatepickerConfig>;

ngOnInit() {
this.bsConfig = Object.assign({}, {dateInputFormat: 'MMM-YYYY', selectDay: false, showWeekNumbers: false});
bsConfig:Partial;
恩戈尼尼特(){
this.bsConfig=Object.assign({},{dateInputFormat:'MMM-YYYY',selectDay:false,showweekNumber:false});
}

我安装了ngx引导,包括“ngx引导/datepicker/bs datepicker.css”文件,并将其导入到组件中。一切都好。除此之外,当我只想选择月份和年份时,它还显示要选择的日期


请有人帮帮我。

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

最小模式

应用程序内组件.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
        });
      }
}
导出类AppComponent{
bsValue:日期=新日期(2017年7月);
minMode:BsDatepickerViewMode='month';
bsConfig:部分;
ngOnInit():void{
this.bsConfig=Object.assign({}{
minMode:this.minMode
});
}
}
app.component.html

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


感谢arjun的邀请answer@Srikanth:如何显示选定的WeekDaterRange日期格式,如dd/mm/yyyy-dd/mm/yyyy??