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

Lan.W

已于 2023-07-26 11:00:31 修改

阅读量1.2k

点赞数

文章标签：小程序 java apache

于 2023-07-26 09:52:43 首次发布

本文链接：https://blog.csdn.net/LlanyW/article/details/131932285

版权

如下图：点击弹出时间列表：日历控件点击选择显示1年1月

解决:

加上起始时间字段

 <picker mode="date" value="{{date}}" start="1970-09-01" end="2030-09-01">
   </picker>

问题二：

还是：fields是month的问题。设置起始时间后，弹出日期不会根据值来自动定位指定时间。还是格式不兼容问题

ui要求显示xxxx年xx月，但是iphone只兼容xxxx-xx 这样的格式。

解决方案

将picker的value值与显示的值分开，用2个字段显示，如下：

案例源码：

wxml

<picker  mode="date" fields="month" value="{{currentDate}}" start="1800-01-01" end="2200-12-31" bindchange="startDateChange">
  {{currentFormatDate}}
</picker>


Page({
  startDateChange(e) {
    console.log(e)
    this.setData({
      currentDate: e.detail.value
    })
  }
  , data: {
    // 用于选择器
    currentDate: '',
    // 用于显示
    currentFormatDate: ''
  },
  onLoad: function (options) {
    let currentDate = new Date()
    this.setData({
      currentDate: currentDate.getFullYear() + '-' + currentDate.getMonth()+'-',
      currentFormatDate:currentDate.getFullYear() + '年' + currentDate.getMonth()+'月'
    })
  
  }
});

效果：