weui picker 时分秒时间选择

可以使用 WeUI 的 picker 组件来实现时分秒时间选择。具体步骤如下：

1. 引入 WeUI 的 picker 组件和样式文件：

<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css">
<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>

2. 在页面中添加一个文本框和一个触发选择的按钮：

<input type="text" class="weui-input" id="timepicker">
<button class="weui-btn" onclick="showPicker()">选择时间</button>

3. 编写 JavaScript 代码，实现时间选择器的弹出和时间的获取：

function showPicker() {
  // 初始化时间数据
  var hours = [];
  var minutes = [];
  var seconds = [];
  for (var i = 0; i <= 23; i++) {
    hours.push({
      label: i < 10 ? ('0' + i) : i,
      value: i
    });
  }
  for (var i = 0; i <= 59; i++) {
    minutes.push({
      label: i < 10 ? ('0' + i) : i,
      value: i
    });
    seconds.push({
      label: i < 10 ? ('0' + i) : i,
      value: i
    });
  }
  // 弹出时间选择器
  weui.picker([
    hours,
    minutes,
    seconds
  ], {
    defaultValue: [0, 0, 0],
    onChange: function(result) {},
    onConfirm: function(result) {
      // 获取选择的时间
      var hour = result[0].value;
      var minute = result[1].value;
      var second = result[2].value;
      var timeStr = hour + ':' + minute + ':' + second;
      // 将时间设置到文本框中
      document.getElementById('timepicker').value = timeStr;
    }
  });
}

以上代码实现了一个简单的时分秒时间选择器。当用户点击“选择时间”按钮时，会弹出一个时间选择器，用户选择完时间后，选中的时间会自动填充到文本框中。