使用月份实现 Angular 范围滑块

Question

我正在使用 ngx-slider 按月实现范围滑块。

我希望值为 1-12，显示图例为 1 月至 12 月。

我使用下面的代码来实现它。

export class AppComponent {
  minValue: number = 3;
  maxValue: number = 9;
  options: Options = {
    floor: 1,
    ceil: 12,
    translate: (value: number, label: LabelType): string => {
      switch (label) {
        case LabelType.Low:
          return "<b>March</b>";
        case LabelType.High:
          return "<b>October</b>";
        default:
          return "$" + value;
      }
    }
  };
}

结果是这样的： Link to the image result

如何删除开始值和结束值的美元符号？

或者你有几个月的范围滑块更好的推荐 npm 库？

Answer 1

你好这次我在项目中使用的滑块 https://refreshless.com/nouislider/examples/ 您可以使用 CSS 更改样式， 希望能采纳。