利用ng2离子范围滑块角美化值

Question

I尝试在角 https://github.com/PhilippStein/ng2-ion-range-slider中使用ng2离子范围滑块实现日期选择滑块。

​

  ngOnInit() { 
    this.myMaxDateVal = Date.now();
    var formattedDate = new Date(this.myMaxDateVal);
    this.myMinDateVal = formattedDate.setFullYear(formattedDate.getFullYear()-1);
  }

   <ion-range-slider #defaultSlider
      type = "double"
      [min] = "myMinDateVal"
      [max] = "myMaxDateVal"
      [hide_min_max] = "true"
      [from] = "fromdate"
      [to] = "todate"
      [hide_from_to] = "false"
      grid = "false"
      grid_num = "22"
      (onUpdate) = "myOnUpdate($event)"
      (onChange) = "myOnChange($event)"
      (onFinish) = "myOnFinish($event)">
      </ion-range-slider>

​

截图

​

日期选择滑块上的悬停(以毫秒为单位)， I希望将其美化为"MM/DD/YYYY“格式。能告诉我如何美化从毫秒到”MM/DD/YYYY“的悬停格式。

Answer 1

试试这个：

this.myMaxDateVal = new Date(Date.now()).toLocaleString()

它应该输出字符串："5/14/2018, 3:14:10 PM"

然后用逗号把它分开。