微信小程序中,需要注意ios系统的坑: 日期不识别横杠“-”符、输入框设置maxlength时,拼音也会被限制……

1、小程序ios端,日期不识别横杠“-”符

  • 在开发小程序的项目中,对接口返回的时间格式,有时为“2021-03-20 11:28:50”,前端对该格式转为时间戳的过程中,发现不生效且在苹果手机上。所以解决的方法有两种。
  • 方法1:让接口直接返回时间戳的格式
  • 方法2:前端对格式进行特殊处理,把时间横杆格式的转换为斜杆格式的,如2020-07-12转换为2020/07/12,即将“-”转为"/"  

 2、小程序输入框设置maxlength时,拼音也会被限制


<input type="text"  maxlength="10"  confirm-type="done" model:value="{{bookName}}" placeholder="请输入"></input>

如上,我限制输入框最长可输入10位字符,在微信开发工具调试是没问题的,在真机上,当我输入中文时,拼音也被限制了,像我习惯一次性打完一句话或者四五个字,结果拼音也被限制只能输入5个以内,这就很难受

应该是输入中文时,拼音会暂时出现在输入框内,然后就被误判成是输入框内的内容了        

<input type="text"  placeholder="请输入搜索关键字" placeholder-class="font28" bindinput="search"  value="{{searchVal}}"/> 

  // input搜索事件

  search(e) {

    let value = e.detail.value

    // 在长度超过十位时,对字符串进行截取,并重新赋值

    value = value.length > 10 ? value.substr(0, 10) : value;

    this.data.searchVal = value;

    this.setData({

      searchVal: value

    })

  },

3、慎用fixed、absolute定位,会出现错位问题

4、iPhone 真机无法正常显示图片

    (1)、检查图片格式——ios系统不能正常显示.webp格式的图片,将.webp格式图片转换成其他格式。 

    (2)、可能由于缓存问题(路径一样不再请求),考虑将图片转换成base64格式或者在图片路径后面加上时间戳。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值