angular2日期滑块组件打字稿

Question

是否有人知道任何与angular2的日期一起使用的滑块组件？或者我可以采用一种方法来调整可能无法使用日期的现有滑块以便能够使用日期？谢谢！

Answer 1

尝试使用primeng https://www.primefaces.org/primeng/#/slider

的组件

Answer 2

尝试Angular2 Material slider。

并将max和min设置为您的开始和结束日期。接下来，获取change的{​​{1}}，然后转换为您的日期。

<强> HTML

@output

<强> TS

<md-slider thumbLabel min="0" [max]="datediff" (change)="getchange($event)" ></md-slider>

<p>{{nowchoose}}</p>
<!-- now choose is support date to parse what you want.-->