ngx datepicker Quick select 范围不起作用

Question

我想使用 nxg 日期选择器的 Quick select 范围 选项，但对我不起作用。我已经使用 npm 安装在 angular 中，我已经在 app.module.ts 中导入了模块，并且我已经导入了 css，除了 Quick select ranges 选项之外，一切正常。

这是输入标签上的代码：

<input (bsValueChange)="changeDate($event)" type="text" placeholder="Daterangepicker" class="form-control" [bsConfig]="{ ranges: ranges, containerClass: 'theme-red' }" [bsValue]="bsValue" bsDaterangepicker>

我在组件中传递了范围值

ranges = [{
    value: [new Date(new Date().setDate(new Date().getDate() - 7)), new Date()],
    label: 'Last 7 Days'
  }, {
    value: [new Date(), new Date(new Date().setDate(new Date().getDate() + 7))],
    label: 'Next 7 Days'
  }];

我做错了什么？

感谢您的帮助。

Answer 1

我遇到了同样的问题。自定义范围选择器在 ngx-bootstrap 5.6.0 及以上版本的日期选择器中可用。检查您的 package.json，以验证您使用的 ngx 版本。我将它升级到 5.6.0 并开始工作

ngx datepicker Quick select 范围不起作用

ngx datepicker Quick select ranges not work

angular

ngx-bootstrap