uni-app picker 设置默认值

### 设置 Picker 组件的默认选中项

在 `uni-app` 中为 `picker` 组件设置默认选中项可以通过绑定数据并初始化这些数据来实现。具体来说，在页面加载时可以预先设定好希望被选中的值。

对于日期类型的 `picker`，需要注意不同操作系统对日期字符串格式的支持差异。高版本 iOS 不支持带有连字符 (`-`) 的日期格式，而应使用斜杠 (`/`) 来分隔年月日[^4]。因此，当指定默认值时应当采用 `/` 而不是 `-`。

下面是一个完整的例子：

<template>
  <view>
    <!-- 使用 mode="date" 表示这是一个日期选择器 -->
    <picker mode="date" :value="defaultDate" @change="bindDateChange">
      <view class="picker">当前选择: {{ defaultDate }}</view>
    </picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 初始化默认日期，默认为今天的日期
      defaultDate: new Date().toISOString().split('T')[0].replace(/-/g,'/')
    }
  },
  methods: {
    bindDateChange(e) {
      this.defaultDate = e.detail.value.replace(/-/g,'/');
    }
  }
}
</script>

<style scoped>
.picker {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #ccc;
}
</style>

此代码片段展示了如何通过 JavaScript 获取今天的确切日期，并将其转换成适合 iOS 设备解析的形式作为初始值赋予给 `picker` 组件。同时监听 `@change` 事件更新视图上的显示文字以及内部状态变量 `defaultDate` 的值。