微信小程序 用数组形式start="{{startTime}}" end="{{endTime}}"

情景:根据传的参数,后台会返回时间段数组,控制台打印格式如下:

{code: 100, msg: "请求成功", info: [["10:30:00", "10:45:00"], ["11:00:00", "11:15:00"]]}
code: 100
info: [["10:30:00", "10:45:00"], ["11:00:00", "11:15:00"]]
0: ["10:30:00", "10:45:00"]
1: ["11:00:00", "11:15:00"]
msg: "请求成功"

,返回来的数组是不能进行选择的时间段,主要运用官方文档的picker,代码如下

<view class="section">
                        <picker mode="date" value="{{date}}" bindchange="bindDateChange">
                            <view class="picker">
                                请选择日期: {{date}}
                            </view>
                        </picker>
</view>
<view class="section">
                        <picker mode="time" value="{{time}}" bindchange="bindTimeChange" start="{{startTime}}" end="{{endTime}}">
                            <view class="picker">
                                请选择时间: {{time}}
                            </view>
                        </picker>
</view>
   //时间-日期
        bindDateChange: function (e) {
            console.log('picker发送选择改变,日期为', e.detail.value)
            this.setData({
                date: e.detail.value
            })
            this.changeTime()//这个是获取返回时间段的方法
        },
        //时间
        bindTimeChange: function (e) {
            console.log('picker发送选择改变,时间为', e.detail.value)
            this.setData({
                time: e.detail.value
            })
        },
changeTime() {
            api.getDateTimePath({
                "dateFilter": this.data.date //预约时间筛选
            }).then((res) => {
                console.log(res.data.info[0][0])
                this.setData({
//这里我应该怎么写呢?
                    endTime: res.data.info[0][0],
                    startTime: res.data.info[0][1],
                })
            })
        },
api.getDateTimePath({
        dateFilter: this.data.date, //预约时间筛选
      })
      .then((res) => {
        let arr=res.data.info.flat(2);//将二维数组平铺
        let startTime=arr[0];
        let endTime=arr[arr.length-1];
        this.setData({
          startTime,
          endTime
        })
      });

用了循环,但是只取到最后一组数据

then((res) => {
                res.data.info.forEach((element,index) => {
                console.log(element[0],element[1])
                    this.setData({
                        startTime: element[0],
                        endTime: element[1],
                    }) 
                });
            })