使用ng2离子范围滑块来优化值 - 角度

时间:2018-05-14 12:59:30

标签: angular ion-range-slider

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

  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>

截图 enter image description here

日期选择滑块上的悬停以毫秒显示 我想将它们美化为“MM / DD / YYYY”格式。 任何人都可以告诉我如何将悬停的格式从毫秒级变为“MM / DD / YYYY”。

1 个答案:

答案 0 :(得分:0)

试试这个:

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

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

然后用逗号分隔它。