小程序picker 在苹果手机不兼容 bug，按month时在iPhone 显示不正确及自动定位时间问题

**小程序Picker组件在苹果手机上的兼容性问题**

最近，我们在开发的小程序中使用了Picker组件来实现日期选择功能。然而，在测试过程中，我们发现Picker组件在苹果手机上存在一些兼容性问题。

**问题一：按月份时显示不正确**

当我们在Picker组件中选择"按月份"的选项时，苹果手机上的表现是这样的：

![picker_month]( />
如图所示，Picker组件显示的是一个月份列表，但是日期顺序是从2022 年12 月开始的，而不是从当前年份开始。这种情况下，用户可能会感到困惑，因为他们期望看到当前年的月份列表。

**问题二：自动定位时间**

在苹果手机上，当我们使用Picker组件选择一个日期时，它会自动定位到当前时间。这意味着，如果用户选择了一个较早的日期，Picker组件会将其调整为当前时间。这种行为可能会导致用户误解，因为他们期望看到原始选择的日期。

**问题三：其他兼容性问题**

除了上述两个问题外，我们还发现苹果手机上的Picker组件存在一些其他兼容性问题：

* 当我们使用Picker组件选择一个日期时，它不会自动关闭。
* 当我们使用Picker组件选择一个时间时，它会显示错误的小时数。

**解决方案**

为了解决这些兼容性问题，我们尝试了以下几种方法：

1. **修改Picker组件的配置**：我们尝试修改Picker组件的配置，以便它能够正确地显示月份列表和日期顺序。
2. **使用其他组件**：我们尝试使用其他小程序组件来实现日期选择功能，例如 `date-picker` 组件。
3. **添加自定义逻辑**：我们尝试添加自定义逻辑，以便在Picker组件中处理苹果手机上的兼容性问题。

**代码示例**

以下是修改Picker组件的配置以解决第一个问题的代码示例：

javascriptpicker: {
 mode: 'date',
 startYear: new Date().getFullYear(),
 endYear: new Date().getFullYear() +10,
 monthList: [
 { value: '01', text: '一月' },
 { value: '02', text: '二月' },
 // ...
 ],
},

javascriptimport { datepicker } from 'date-picker';

// ...

<datepicker value={this.state.date}
 onChange={(date) => this.setState({ date })}
/>

javascriptpicker: {
 mode: 'date',
 startYear: new Date().getFullYear(),
 endYear: new Date().getFullYear() +10,
 monthList: [
 { value: '01', text: '一月' },
 { value: '02', text: '二月' },
 // ...
 ],
 onShowPicker: (picker) => {
 if (picker.mode === 'date') {
 picker.monthList = this.getMonthList();
 }
 },
},