ReactNative坑点——Date对象正确使用

最新推荐文章于 2024-08-10 07:33:40 发布
最新推荐文章于 2024-08-10 07:33:40 发布
阅读量6.6k 收藏 2
点赞数 2
分类专栏： RN 文章标签： chrome android safari ios 内核
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011413061/article/details/53184775
版权

写在前面

昨天遇到了一个非常诡异的场景，ReactNative写的倒计时组件线上版本无法运行，但本地测试却是正常的。我一度以为是ReactNative转换的时候出了问题，不知道从何下手。最后盘查了一圈，发现了一个不得了的事！——ReactNative的JS解析，当打开chrome进行Debug时，用的的确是chrome的内核，但对于转换好的版本，如IOS版本用的是safari的内核，Android版本也会随着操作系统的不同而存在差异。

定位出错点

上面发现的问题有点类似以前经常碰到的浏览器兼容问题。Get到这层意思，马上就发现下面这种写法存在兼容问题：

var date = new Date('2016-12-15 10:20')

Chrome浏览器里当然是正确的，但是在Safari和Firefox里是date的值是 Invalid Da

最低0.47元/天 解锁文章
Jafeney
关注
专栏目录
【尚硅谷React】——React全家桶笔记
m0_67393342的博客
07-29 4059
用于构建用户界面的JavaScript库（只关注页面），将数据渲染为HTML视图；由Facebook开发且开源。中文官网英文官网原生JS操作DOM繁琐且效率低，因为用DOM-API操作UI；JS直接操作DOM会使浏览器进行大量的重绘重排；原生JS没有组件化编码方案，代码复用率低react开发者工具Chrome插件ReactDeveloperTool（注意安装来源为facebook的）方法一在package.json中追加如下配置"proxy""http5000"优点方法二第一步。...
react native 计算时间差，天-时-分-秒
weng_Sky的博客
08-02 7974
//计算时间 var sendTime = this.props.obj.send_time; console.log(sendTime); //当前时间 var nowTime = (new Date()).valueOf(); console.log(nowTime); //差值 var date3 = nowTime - sendTime; console
react-native DatePicker日期选择组件的实现代码
08-29
本篇文章主要介绍了react-native DatePicker日期选择组件的实现代码，具有一定的参考价值，有兴趣的可以了解下
React Native Date Picker 教程
最新发布
gitblog_00709的博客
08-10 402
React Native Date Picker 教程 react-native-datepickerreact native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS项目地址:https://gitcode.com/gh...
React Native日期时间选择组件
weixin_34138056的博客
04-25 919
本文原创首发于公众号：ReactNative开发圈，转载需注明出处。 React Native日期时间选择组件：react-native-datepicker，支持安卓和IOS双平台，支持单独选择日期、单独选择时间和选择日期和时间，支持自定义日期格式。 效果图 安装方法 npm install react-native-datepick...
React-Native 中对日期的几种处理
u010984553的专栏
10-09 4576
1. 格式化日期 Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": t......
React-native学习-40---JS中Date和时间戳转换
Green
03-13 1216
// 获取当前时间戳(以s为单位) var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; //当前时间戳为：1403149534 console.log("当前时间戳为：" + timestamp); // 获取某个时间格式的时间戳 var stringTime = "2014-07-10 10:21:12"; var timestamp2 = Date.parse(new Date(stringTime)); ti.
react-native如何本地持久保存（类似sessionStorage或者localStorage一样）
hzxOnlineOk的博客
04-10 1961
引入 import { AsyncStorage, } from 'react-native'; A.js组件保存（注意⚠️：保存只能是字符串） (res) => { console.log('getColumnList res from home:', res); AsyncStorage.setItem('columnList', JSO...
React高频面试题（附答案）
beifeng11996的博客
07-27 2439
React高频面试题（附答案）
React学习(一)——初步了解，完成ToDoList功能demo
ggsddu！
12-21 755
React学习笔记(一) 自用 文章目录React学习笔记(一)1. React简介2. 前端三大主流框架React vs VueReact的优势3. React基础知识JSX语法为什么使用 JSX？React 组件虚拟DOMDiff算法基础语法React.ComponentReactDOM.render4. 完成一个简单的demo——TodoList前期：完善功能中期：组件拆分后期代码优化，调...
ReactNative进阶（十二）：本地存储 AsyncStorage 及 Realm 使用
IT全栈 华强工作室
04-26 3890
前言 数据持久化一直都是软件开发中重要的一个环节，几乎所有的应用都具备这一项功能；那什么是数据持久化呢？—— 说白了就是数据的本地化存储，将数据存储到本地，在需要的时候进行调用。 本文介绍两种在 React-Native 中比较常用的存储方式：AsyncStorage及Realm。 AsyncStorage：官方使用的存储方式，类似于 iOS 中的 NSUserDefault ，区别在于，AsyncStorage 只能存储字符串键值对，而 NSUserDefault 可以存储字符串和number。 Rea
ie8不兼容 new date（）的处理方法
gbh666666的博客
12-21 498
function parseISO8601(dateStringInRange) {    var isoExp = /^\s*(\d{4})-(\d\d)-(\d\d)\s*$/,        date = new Date(NaN), month,        parts = isoExp.exec(dateStringInRange);      if(parts) {      mon...
react-native 在使用new Date()时遇见的坑
weixin_30907523的博客
07-27 1521
1.使用new Date()获取时间，取的时间的设备是什么？ 　　如果是使用xcode给真机装的debug包，它请求的时间是给它安装的电脑的本地时间，而不是请求的手机的本地时间. 2. ios 手机上使用new Date()设置一个具体的时间 　　不能用 new Date('2017-08-01')， 需要使用new Date('2017/08/01 00:00:00'...
react native 的 很多坑很多坑！自己已踩完
cangsangxi的博客
06-07 1823
1. 从后台传回来的日期格式可能是这样（2018-05-04 13：20：09），“-”这个可能转换时这个时间就会变空。所以我们要这样做：new Date(data.curriculaTime.replace(/-/g, "/"))； ————————————————————————————————————————————————————一时就想起这些，只怪自己记忆力差！！！后续更新。。。。...
react native 日期格式化
大灰狼的小绵羊哥哥的博客
08-10 6857
1、moment http://momentjs.cn/ react native 新建工程时，node_modules已包含moment 使用 //··· import moment from 'moment'; //··· moment().format('YYYY-MM-DD HH:mm:ss') 其他示例，使用和Date类似 console.log(moment.unix(14
React Native入门篇—react-native-datepicker的安装和使用
长腿欧巴的博客
01-11 5624
注意：未经允许不可私自转载，违者必究 React Native官方文档：https://reactnative.cn/docs/getting-started/ react-native-datepicker官方文档：https://github.com/xgfe/react-native-datepicker 项目地址GitHub地址：https://github.com/zhouwe...
react-native-datepicker 日期选择组件的用法和详解
热门推荐
hopefullman的博客
01-18 1万+
项目里面用到了 react-native-datepicker日期选择组件，主要介绍下交互事件和样式修改。 看下样式效果： 代码：  <DatePicker            style={{width: 100}}            date={this.state.startdatetime}            mode="date"            plac...
ReactNative_DatePicker日期选择组件的实现
mikimo的博客
06-09 1万+
本教程的实现效果如下: 为了实现其淡入/淡出的覆盖效果, 还有取消按钮, 在此用了一个三方的组件, 大家可以先安装一下: 三方组件的地址:https://github.com/eyaleizenberg/react-native-custom-action-sheet (可以看看,也可以直接按我的步骤走) 1. 在termi...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值