怎么作出时分秒的一个滚轮式时间选择器，微信小程序

要在微信小程序中实现一个滚轮式时间选择器，可以使用小程序原生的组件picker来实现。具体步骤如下：

1. 在wxml文件中添加picker组件，设置mode为time，同时设置bindchange事件处理函数：

<view>
  <picker mode="time" bindchange="onTimeChange">
    <view>选择时间：{{time}}</view>
  </picker>
</view>

2. 在js文件中实现onTimeChange事件处理函数，获取用户选择的时间，并更新页面显示：

Page({
  data: {
    time: '00:00'
  },
  onTimeChange: function(e) {
    console.log(e.detail.value);
    this.setData({
      time: e.detail.value
    })
  }
})

3. 运行小程序，就可以看到一个滚轮式时间选择器了。

需要注意的是，picker组件默认只支持到小时和分钟的选择，如果要实现秒的选择，需要设置range为一个包含秒的数组，并在事件处理函数中处理用户选择的秒数。

相关问题

微信小程序picker组件如何实现同时显示年月日时分秒

要在微信小程序的picker组件中同时显示年月日时分秒，可以使用picker-view组件来完成。picker-view组件可以自由定义滚轮的数量和每个滚轮的选项，因此可以用来实现显示年月日时分秒的需求。

具体实现步骤如下：

1. 在wxml文件中添加picker-view组件，并定义每个滚轮的内容和样式。

<view class="picker">
  <picker-view class="picker-view" value="{{dateIndex}}" bindchange="bindDateChange">
    <picker-view-column>
      <view class="picker-item" wx:for="{{years}}" wx:key="">{{item}}年</view>
    </picker-view-column>
    <picker-view-column>
      <view class="picker-item" wx:for="{{months}}" wx:key="">{{item}}月</view>
    </picker-view-column>
    <picker-view-column>
      <view class="picker-item" wx:for="{{days}}" wx:key="">{{item}}日</view>
    </picker-view-column>
    <picker-view-column>
      <view class="picker-item" wx:for="{{hours}}" wx:key="">{{item}}时</view>
    </picker-view-column>
    <picker-view-column>
      <view class="picker-item" wx:for="{{minutes}}" wx:key="">{{item}}分</view>
    </picker-view-column>
    <picker-view-column>
      <view class="picker-item" wx:for="{{seconds}}" wx:key="">{{item}}秒</view>
    </picker-view-column>
  </picker-view>
</view>

2. 在js文件中定义每个滚轮的选项以及初始化日期和时间。

Page({
  data: {
    years: [],
    months: [],
    days: [],
    hours: [],
    minutes: [],
    seconds: [],
    date: '',
    dateIndex: [0, 0, 0, 0, 0, 0]
  },
  onLoad: function () {
    var years = [], months = [], days = [], hours = [], minutes = [], seconds = [];
    for (var i = 1990; i <= 2100; i++) {
      years.push(i);
    }
    for (var i = 1; i <= 12; i++) {
      months.push(i);
    }
    for (var i = 1; i <= 31; i++) {
      days.push(i);
    }
    for (var i = 0; i <= 23; i++) {
      hours.push(i);
    }
    for (var i = 0; i <= 59; i++) {
      minutes.push(i);
      seconds.push(i);
    }
    this.setData({
      years: years,
      months: months,
      days: days,
      hours: hours,
      minutes: minutes,
      seconds: seconds
    });
  },
  bindDateChange: function(e) {
    var val = e.detail.value;
    var dateIndex = this.data.dateIndex;
    dateIndex[0] = val[0];
    dateIndex[1] = val[1];
    dateIndex[2] = val[2];
    dateIndex[3] = val[3];
    dateIndex[4] = val[4];
    dateIndex[5] = val[5];
    this.setData({
      dateIndex: dateIndex
    });
  }
})

3. 在样式文件中定义picker-view的样式。

.picker {
  height: 200rpx;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.picker-view {
  width: 100%;
  height: 200rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.picker-item {
  line-height: 50rpx;
  text-align: center;
  font-size: 28rpx;
  color: #333;
  height: 50rpx;
}

这样就可以在微信小程序中实现同时显示年月日时分秒的picker组件了。

怎么让电脑微信小程序变大

要让电脑上的微信小程序变大，你可以尝试以下方法：

1. 使用浏览器缩放功能：在电脑上打开微信小程序时，按住Ctrl键同时滚动鼠标滚轮，可以调整网页的缩放比例，从而使小程序放大。

2. 使用模拟器：下载安装安卓模拟器软件，如夜神模拟器、蓝叠模拟器等，在模拟器中安装微信并打开小程序，然后调整模拟器的分辨率或窗口大小，从而实现放大效果。

3. 修改电脑分辨率：在电脑设置中调整屏幕分辨率，增加分辨率可以使小程序显示更大。

请注意，以上方法可能会对显示效果产生一定影响，具体效果还需要根据个人电脑和软件环境来调整。