微信小程序 嵌入页面的时间滚动选择器代码实现

好的，下面是一个简单的微信小程序中嵌入时间滚动选择器的代码示例：

<view class="container">
  <picker-view class="picker" mode="time" value="{{time}}" start="09:00" end="18:00" bindchange="onTimeChange">
    <picker-view-column>
      <view wx:for="{{hours}}" wx:key="{{index}}">{{item}}</view>
    </picker-view-column>
    <picker-view-column>
      <view wx:for="{{minutes}}" wx:key="{{index}}">{{item}}</view>
    </picker-view-column>
  </picker-view>
</view>

Page({
  data: {
    time: '12:00',
    hours: ['09', '10', '11', '12', '13', '14', '15', '16', '17', '18'],
    minutes: ['00', '15', '30', '45']
  },
  onTimeChange: function(e) {
    const val = e.detail.value;
    const hours = this.data.hours[val[0]];
    const minutes = this.data.minutes[val[1]];
    const time = `${hours}:${minutes}`;
    this.setData({
      time: time
    });
  }
})

在这个示例中，我们使用了`picker-view`组件来实现时间滚动选择器，并设置了`mode`属性为`time`，表示选择器的模式为时间选择器。同时，我们设置了`start`和`end`属性来限定可选的时间范围。在`picker-view`组件内部，我们还设置了两个`picker-view-column`子组件，分别显示小时和分钟的选项。在`onTimeChange`事件中，我们通过获取当前选中的值，拼接出选中的时间，并将其保存到`time`属性中，这样就完成了时间选择器的实现。