Antd 3.x 时间段选择器如何获取倒序时间字符串?

antd 3.x 时间段选择器如何获取倒序时间字符串?

antd 3.x 时间段选择器获取倒序时间字符串

antd 时间段选择器在选择时间后得到的是一个数组。要得到倒序的时间字符串,可以采用以下步骤:

1. 使用计算属性

并非一定要在控件上通过事件处理数据。可以获取原始数据,再使用计算属性,利用 changepick 函数将数据转换成所需的格式。

2. 反转数组

在 changepick 函数中,先按原始顺序将时间段处理成数组,然后再使用 reverse() 函数反转数组。

3. 拼接字符串

反转数组后,再重新拼接成字符串

以下展示了 changepick 函数的修改后的代码:

function changePick(timeRange) {
    // console.log(timeRange);
    const times = timeRange
        .flatMap(time => {
            const [hour, minute] = time.split(":");
            return [hour, minute];
        });
    return times.reverse().join(",");
}

通过这些步骤,你可以从时间段选择器中得到倒序的时间字符串,格式为 "hh,mm,hh,mm,...",并可以将它们传给后端。

以上就是Antd 3.x 时间段选择器如何获取倒序时间字符串?的详细内容,更多请关注硕下网其它相关文章!