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

Question

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

{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],
                })
            })
        },

Answer 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
        })
      });