Vue中后台获取的时间戳,如何转换成时间?

fetchAddressProfit() {
      this.chartLoading = false
      getAddressProfit(this.address, this.date).then(res => {
        this.chartLoading = true
        this.profitData = res.data.profit
        this.TimeData = res.data.time
        this.fillData()
        })
    }

this.TimeData获取后台的时间戳数据,如何转换成日期MM-DD格式,并显示在chart图表的y轴下方
image.png
使用了vue-chartjs,数据由后台获取

fillData() {
      this.chartdata = {
        labels: this.TimeData,
        datasets: [
          {
            label: '收益',
            borderColor: 'lightgreen',
            backgroundColor: 'lightgreen',
            data: this.profitData,
            fill: false
          }
        ]
      }
      this.options = {
        responsive: true,
        maintainAspectRatio: false,
        tooltips: {
          enabled: true,
          mode: 'nearest',
          axis: 'y'
        },
        scales: {
          // y轴
          yAxes: [
            {
              // 设置起止数据和步长
              ticks: {
                min: 0
              }
            }
          ]
        }
      }
      this.chartLoading = true
    },

image.png
同时怎样为chart提示框的数据添加单位

阅读 5.7k
1 个回答

//formatDate函数方法格式化日期mm-dd es6的方案

formatDate(date){
    // window.console.log(date);
    let d = new Date(date);
    // let y = d.getFullYear(); // 年份
    let m = (d.getMonth() + 1).toString().padStart(2,'0'); // 月份
    let r = d.getDate().toString().padStart(2,'0'); // 日子
    return `${m}-${r}`;// es6 字符串模板
}
dealDate(){
this.timeDate = this.timeDate.forEach(item=>{
item = this.formatDate(item);
return item;
}
)
}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题