首页 > 文章列表 > Antd时间范围选择器值倒转传参:如何将选择的时间范围以正确的顺序传递给后端?

Antd时间范围选择器值倒转传参:如何将选择的时间范围以正确的顺序传递给后端?

163 2025-01-16

Antd时间范围选择器值倒转传参:如何将选择的时间范围以正确的顺序传递给后端?

antd 时间范围选择器值倒转传参

antd 时间范围选择器可以通过 changepick 函数将选中时间范围转为字符串数组。但是,默认情况下,该数组的顺序与后端要求的倒序不一致。以下是解决该问题的两种方法:

计算属性

使用 changepick 函数,通过计算属性获得倒转后的字符串。

computed: {
  timerangesreversed() {
    return this.timeranges.map(timerange => changepick(timerange)).reverse();
  }
}

函数处理

直接在 changepick 函数中将数组反转:

function changePick(timeRange) {
  // 将时间范围平铺,并反转
  return timeRange.reverse().join(',');
}
来源:1731456265