微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JS - 如何实现 YTDYear To Date逻辑以进行日期选择

如何解决JS - 如何实现 YTDYear To Date逻辑以进行日期选择

我正在尝试在 vue-chartjs 中实现一种日期选择方法。这是我在方法生命周期钩子中使用的函数

DateSelect(event) {
  const period = event.target.value
  let minValue = new Date(Math.max(...this.date) * 1000)
  const axisXMin = new Date(Math.min(...this.date) * 1000)

  switch (period) {
  case '1m':
    minValue.setMonth(minValue.getMonth() - 1)
    break
  case '3m':
    minValue.setMonth(minValue.getMonth() - 3)
    break
  case 'ytd':
    minValue.setFullYear(minValue.getFullYear() - minValue.getMonth())  //Here I want to implement the YTD Logic.
    break
  default:
    minValue = axisXMin
  }
  const data = this.data.filter(el => {
    return el.x >= minValue
  })
  this.GraphOutput(data) // this is vue-chartjs function.
}

这里的逻辑“1m”和“3m”工作得非常好,因为当用户点击相应的按钮时,它们会向用户显示前 1 个月和 3 个月的图表。

我想知道如何在我上面使用的函数中实现 YTD(年初至今)逻辑。请帮帮我。

解决方法

据我所知,您可能需要图表中的一整年数据。所以你需要设置最小值如下:

case 'ytd':
    minValue.setYear(minValue.getFullYear() - 1);
    break

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。