在IOS上picker 日期组件【确定按钮】样式问题

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 iOS 系统 26.3.1 上，picker 组件（mode="date"）默认调用的是 iOS 原生日期选择控件，其【确定按钮】样式由系统 UI 决定，无法直接通过 CSS 修改。

根据知识库内容，提供以下解决方案：

方案一：使用 fields 参数切换为统一展示方式

配置 fields 参数后，picker 将使用统一的非原生展示方式，不再调用 iOS 系统原生控件，从而规避原生样式问题。

<picker mode="date" :value="date" fields="day" @change="bindDateChange">  
  <view class="uni-input">{{date}}</view>  
</picker>

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

方案二：使用 uni-datetime-picker 组件替代

推荐使用 uni-datetime-picker 组件，该组件支持自定义样式，可通过以下方式修改确认按钮颜色：

1. 修改主题色：在组件内搜索 $uni-primary: #007aff !default; 修改主色调
2. 深度选择器覆盖：

   ::v-deep .uni-datetime-picker-btn {  
   color: #007aff; /* 自定义确定按钮颜色 */  
   }

   本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

注意：uni-datetime-picker 升级至 2.0.0 后 UI 变化较大，支持日历选择日期，同时支持 PC 和移动端。

方案三：使用第三方插件

如需更灵活的样式定制，可考虑插件市场的第三方日期选择器组件，例如：

• ir-datetime-picker - 支持自定义确认按钮颜色（confirmColor 属性）
• uc-picker - 支持调节弹出框样式和主题

补充说明

从 2026 年 4 月开始，App Store 要求所有应用必须使用 iOS 26 SDK 构建。请确保使用 HBuilderX 4.41 及以上版本进行云端打包，以兼容 iOS 26 系统特性。如需适配 iOS 26 视觉风格，建议参考 uni 插件适配 iOS26 进行全局主题变量配置。