美文网首页
开发过程中安卓 ios兼容问题

开发过程中安卓 ios兼容问题

作者: 隔壁甜言 | 来源:发表于2023-10-08 17:13 被阅读0次

一、安卓 ios兼容之日期问题

在时间转换展示过程中,在安卓手机上可以正常显示时间,在ios系统上显示NaN

在安卓系统下,直接就可以进行时间转换

Date.parse(new Date('2023-10-09 12:00:00')) // 1696824000000

但是在ios系统下,是无法转换的,直接显示NaN

Date.parse(new Date('2023-10-09 12:00:00')) // NaN

原因是ios系统不支持转化 2023-10-09 12:00:00这种中间用 - 格式的时间
我们只需要把时间转换为 2023/10/09 12:00:00这种中间用 / 格式的时间

let end = '2023-10-09 12:00:00';
let transEnd = end.replace(/-/g, '/');
Date.parse(new Date(transEnd ));

在页面中展示的时候,我们大多数还是以 - 格式的时间展示在页面上,等时间处理好以后,我们还需要把时间从 / 格式的时间转换为 - 格式的时间,这个时候我们只需要执行以下代码

let end = '2023/10/09 12:00:00';
let transEnd = end.replace( / \ / /g , '-'); //记得把正则里面的空格去掉
console.log(transEnd)

在项目中我们可以封装一个公共函数,需要时间转换的时候,都使用这个函数就可以了

function compatibleDate(date){
return Date.parse(new Date(date) || Date.parse(new Date(date.replace(/-/g,'/')))
}
compatibleDate('2023-10-09 12:00:00')

相关文章

  • ios手机/safari浏览器对new Date()的兼容问题

    移动端开发时,使用new Date()在ios上碰到的一个兼容问题。 创建日期变量: 在安卓端正常,但在ios上会...

  • 前端面试题

    IOS和安卓常见兼容问题 1.IOS下input默认样式(圆角、阴影) 解决方案: 2.在IOS下页面滑动卡顿,A...

  • 移动端的兼容(安卓和 iOS 手机)

    一、判断是安卓还是 IOS 二、 兼容问题 1.禁止图片点击放大部分安卓手机点击图片会放大,如需要禁止放大,只需要...

  • 02 webview

    曾经的安卓和ios开发界面:控件库 安卓: Android studioios : xcode 这种方式坏...

  • Android相机权限检测兼容问题

    在做Android开发过程中,兼容问题一直都是安卓攻城狮们的常见的一个问题,各种手机品牌的兼容。还有API版本高低...

  • 一、移动端知识清单

    什么是移动端? 移动端指的是手机(安卓手机,ios手机)、平板电脑(安卓、ios)、ipod等便携设备 作为开发者...

  • 安卓开发1-项目目录结构与资源引用

    前言: 因为有多年iOS开发经验, 学习安卓开发比较容易, 所以被单位分配学习安卓开发任务, 在此记录每天的学习笔...

  • 跨平台技术-简介

    RN 底层是沿用iOS和安卓原生的组件,这就导致了有些组件只能在安卓或者iOS上面用 Flutter 谷歌开发,有...

  • ios,安卓兼容问题

    1. IOS/iPhone的Safari不兼容Javascript中的Date()问题 iPhone中的safar...

  • 创建flutter项目指定开发语言

    在终端通过flutter命令创建新工程,指定iOS和安卓开发语言 iOS开发语言:swift、Objecti...

网友评论

      本文标题:开发过程中安卓 ios兼容问题

      本文链接:https://www.haomeiwen.com/subject/gqybbdtx.html