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,…”，并可以将它们传给后端。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持米云！更多关于文章的相关知识，也可关注米云公众号。

MySQL 中使用等号查询为何出现模糊匹配？