uview使用u-picker显示当下时间

你可以使用u-picker组件的mode属性设置为“time”，然后将当前时间作为默认值传递给组件。以下是一个示例代码：

<template>
  <view>
    <u-picker mode="time" :default-value="currentTime" @change="onChange"></u-picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      currentTime: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
    }
  },
  methods: {
    onChange(val) {
      console.log(val)
    }
  }
}
</script>

在上面的示例中，我们使用了JavaScript的Date对象来获取当前时间，并将其格式化为字符串。然后，我们将该字符串作为默认值传递给u-picker组件，并设置了它的mode属性为“time”。当用户选择一个新的时间时，onChange方法将被调用，并且选定的时间将作为参数传递给它。

相关问题

uview中u-picker如何填写行政区划

在uview中使用u-picker填写行政区划，可以通过以下步骤：

1. 引入u-view组件库：在项目中引入u-view组件库，并确保已经正确配置和注册相关组件。

2. 创建u-picker组件：在需要进行行政区划填写的页面中，使用u-picker组件进行创建。可以使用以下代码进行创建：

<u-picker title="选择行政区划" :columns="columns" @confirm="onConfirm"></u-picker>

这里的title是选择器的标题，columns是一个二维数组，用来定义每一列的选项，@confirm是确认选择后的回调函数。

3. 定义选项数据：创建data数据对象，定义用于填充选择器的选项数据。可以直接写死选项数据，或者通过接口请求从后端获取。

data() {
return {
columns: [ ['北京市', '上海市', '广州市'], ['东城区', '西城区', '朝阳区'] ]
}
}

这个columns数组中的每一个元素又是一个数组，代表每一列的选项。这里以两列为例，第一列为城市选项，第二列为区域选项。

4. 处理确认选择的回调函数：在methods中定义onConfirm函数，用于处理确认选择后的操作。

methods: {
onConfirm(value) {
console.log('选择的是：', value);
}
}

这里的value是一个数组，包含了每一列的选中值。

通过以上步骤，就可以在uview中使用u-picker实现行政区划的填写。选择器将按照定义的选项数据显示，并可以通过回调函数获取选中的值。

uview的u-picker组件的完整代码

以下是一个简单的u-picker组件的完整代码示例：

<template>
  <view>
    <u-picker :list="pickerList" v-model="selectedPicker" title="选择器标题"></u-picker>
  </view>
</template>

<script>
import { UPicker } from 'uview-ui'

export default {
  components: {
    UPicker
  },
  data() {
    return {
      pickerList: ['选项1', '选项2', '选项3', '选项4', '选项5'],
      selectedPicker: ''
    }
  }
}
</script>

在上面的示例中，我们首先导入了UPicker组件，然后在模板中使用了它。我们将`pickerList`数组传递给了`list`属性，该数组包含了我们想要在选择器中显示的选项列表。我们还将`selectedPicker`变量绑定到了选择器的值，以便在选择器中进行选择时更新它。

最后，我们还指定了选择器的标题，该标题将在选择器顶部显示。