angular2日付スライダコンポーネントtypescript

Question

angular2の日付を扱うスライダコンポーネントを知っている人はいますか？または、日付を扱うことができないような日付で動作しない既存のスライダーを適用する方法はありますか？ありがとうございました！

Answer 1

のコンポーネントこれはAngular2 Material sliderにしようとしてくださいこの使用して試してみてください。

とminを開始日と終了日に設定してください。changeを@outputに変更し、日付に変換してください。

HTML

<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.--> 

TSこのスライダの

getchange($event){ 
    this.nowchoose = new Date($event.value*24*60*60*1000).getTime(); 
    this.nowchoose= new Date(this.datestart.getTime() + this.nowchoose); 
} 
constructor(){ 
    this.datestart = new Date("1911-1-1"); 
    this.datesend = new Date("2017-1-1"); 
    this.datediff=(this.datesend- this.datestart)/24/60/60/1000; 
} 

Answer 2

primeng https://www.primefaces.org/primeng/#/slider