JS中Date日期Invalid Date报错问题解决方法

最新推荐文章于 2024-12-03 18:32:43 发布
最新推荐文章于 2024-12-03 18:32:43 发布
阅读量2.6w 收藏 5
点赞数 3
分类专栏： JS面试练习题 文章标签： python mysql java linux leetcode
SmallTeddy
本文链接：https://blog.csdn.net/SmallTeddy/article/details/112170713
版权

使用new Date(time)或者moment(time)时，有时会出现Invalid Date报错。

这是因为转化的时间戳要求13位，而后端有时会返回10位。

所以这里要处理一下时间戳。

new Date(1000 * time) 

moment(1000 * time)
uniapp 开发过程遇见的报错及解决办法（良心作品）
zmx781284440的博客
06-08 2294
Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method
git常见报错解决方法（方法与步骤手把手教）
longlong6682的博客
05-17 1604
目录：一. git常见报错解决方法1、warning: LF will be replaced by CRLF in.idea/workspace.xml.二. phabricator使用arc提交代码步骤1、拉取服务器代码2、查看当前工作目录树的工作修改状态3、将状态改变的代码提交至缓存4、将代码提交到本地仓库中5、将本次commit 发送给Phabricator指定人员审核6、将代码推送到服务器7、回滚 一. git常见报错解决方法 1、warning: LF will be replaced by C
js中使用new Date("XXXX-XX-XX")结果为invalid date或为null的解决办法
夭夭笔记
09-08 3万+
问题：js中使用new Date()方法，例如：new Date("2017-06-23 17:00:00")结果为 invalid date 或为 null。 错误原因：参数格式不规范，不能兼容所有浏览器； 参数格式有以下5种： new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,
JS时间Invalid Date问题解决
weixin_67434908的博客
03-28 1657
h5网页能正常显示，但是在微信小程序是提示Invalid Date，原因是因为我们不能写\xa0。写项目的时候遇到这个报错，直接换成" "就好了。
js转化时间失败————Invalid Date
impossible1994727的博客
05-26 5127
假设现在有时间： var str="2020-05-28 09:00:00"; 想要算这个时间与当前本地时间newDate()的时间差。 var date=newDate(); pc端： 可以使用newDate(str)，将当前时间转换为与date格式一样的时间。 然后将转换后的时间和date统一进行getTime();计算两个时间与1970 年 1 月 1 日午夜相差得毫秒数。 str=new Date(str); str=str.getTime(); date=date....
解决js new Date()的浏览器兼容性问题，IE、safari的new Date()的值为Invalid Date、NaN-NaN的问题
fairyier
03-26 1万+
当我们需要将一串日期字符串转换为具体的Date格式的时候，往往需要用到new Date("xxxx")方法。当时在IE、safari浏览器下，会遇到这种问题：new Date('2016-01-01 00:00:00') //却返回这个值Invalid Date，转换失败但在chrome、FF返回的正确的结果，所以不同的浏览器还是存在差异的，以下列出了所有浏览器都支持的方式。1 var d ...
【Js】检查Date对象是否为Invalid Date
热门推荐
smart_dream
05-09 3万+
使用Date()构造日期对象，如果传入非日期格式或者错误的日期格式的字符串，仍然能构造出Date对象。 vardate=newDate("dream"); console.log('date:', date); //Invalid Date console.log('date:', typeof date); //“object” console.log('date:', date...
[JS] Invalid Date
JoeBlackZQQ的专栏
03-06 2952
一般mysql存储的时间字段格式是" YYYY-MM-DD hh:mi:ss"，即年月日之间是通过'-'分隔的。 偶然的情况下，发现这样的格式用在js时，在手机浏览器上运行会失败，但是在PC浏览器上却是OK的。 见代码： const st = '2019-02-11 10:04:38'; // 手机浏览器上bad(NaN) // const st = '2019/02/11 10:...
微信小程序new Date()方法失效问题解决
10-16
以下将详细介绍微信小程序中`new Date()`方法失效问题的解决方式，以及如何处理不同日期格式对JavaScript中日期对象创建的影响。 在JavaScript中，`new Date()`构造函数能够根据提供的字符串参数创建一个日期对象。...
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
11-28
var date = new Date('2016-...想着估计是字符串格式的问题，改成’2016/11/11 11:11:11’再测试，结果正常，以为这样应该没问题了，再用手机浏览器继续访问，android正常，iPhone继续报错， 再改”Nov 11 2016 11:11:
利用fecha进行JS日期处理
11-26
目前在项目中我们使用了fecha来进行日期处理，并对fecha进行了重新封装,满足项目中的实际需求。 fecha介绍 fecha是一个日期格式化和解析的js库，它提供了强大的日期处理功能，功能强大且只有2k大小。安装方式简单，...
JS Invalid date 日期不合法问题，无法加载yyyy-mm-dd
专注Java（全栈）应用开发，求知若渴，虚心若愚，talk is cheap, show me the code.
11-26 4357
1.一天的工作主要是配合测试。整理配置工具。并及时反馈问题。远程工具的使用，注意CICD的使用。 有时间把打包，CICD环境做起来。 2.当日期中出现Invalid date ，请检查的对应的月份，和天数的关系， 难点解决： 思路1：无 思路2：采用分割字符串的方式解决。 var dtFormatter = function (cellValue...
js 中出现 invalid date问题
wxz20150701的博客
01-04 2372
month:用英文表示月份名称 mth:用整数表示月份 dd:表示一个月中的第几天 yyyy:四位数表示的年份 hh:小时数 mm: 分钟数 ss:秒数 ms:毫秒数 var time= this.formatDate(now.getFullYear(), now.getMonth(), 1); time = time.replace(/-/g,':').replace(' ',':'); ...
js new Date()打印出来是Invalid Date
艾小逗
05-20 3547
js new Date()打印出来是Invalid Date 检查了一下，确定了问题是因为接口返回的日期格式是： "2021-05-18 10:00:00" 这样 new Date("2021-05-18 10:00:00") 就会是 Invalid Date 解决办法是将 日期中的 - 替换成 / 这样 new Date("2021/05/18 10:00:00") 就可以 var dStr = "2021-05-18 10:00:00" var d = new Date(dStr.replace(/-/
在苹果6s手机上使用new Date(“2024-12-03 17:27“)返回Invalid Date解决办法
weixin_49431327的博客
12-03 478
‌iOS系统对日期格式的支持有一定的限制，特别是对于使用破折号（-）连接的日期格式，如new Date("2024-12-03 17:27")，iOS无法正确解析这种格式的日期字符串，导致返回Invalid Date。为了解决这个问题，可以将日期字符串中的破折号（-）替换为斜杠（/），例如将"2023-01-01"改为"2023/01/01"，然后再使用new Date()进行转换‌。确保日期格式符合iOS的解析要求：使用yyyy/MM/dd HH:mm:ss格式。
移动端web开发JS使用Date()的值为invalid Date或者为NaN
weixin_34009794的博客
11-30 141
今天在webView下使用new Date()的时候发现时间值显示为Invalid Date;但是在别的浏览器上又能正常显示,然后网上找了下原因,原来是不兼容,所以做此记录 比如在手机端 webView的时候使用 new Date('2016-01-01 00:00:00') //却返回这个值Invalid Date，转换失败 但是在电脑谷歌调试的时候正常. 解决方式：最终发现是字...
javascript中new Date(****)结果为invalid date或为null解决方法
CapMiachael的博客
11-01 3万+
在js中使用new Date(arg) 创建一个日期时，结果为invalid date。var time="2014-08-12 09:25:24 "; var time1 = new Date(time); console.log("time1"+time1);chrome time1: Tue Aug 12 2014 09:25:24 GMT+0800 (中国标准时间)火狐
在js中date日期为Invalid Date
编程之路
03-30 1万+
console.log(new Date(param)) 原因: 发现 param参数为10位的时间戳,js需要的是13位的 解决: console.log(new Date(param*1000))
小程序中 new Date().getTime()返回null
最新发布
03-15
### 小程序 `new Date()` 返回 `null` 的原因分析 在小程序开发中，当调用 `new Date("2021-12-10")` 或者类似的日期字符串时，可能会遇到返回 `<Date: null>` 或报错 `Invalid Date` 的情况。这主要是由于不同平台对日期字符串解析方式的不同所致。 #### 平台差异导致的问题 iOS 和 Android 对于日期字符串的解析存在一定的差异。具体来说，iOS 系统对于 ISO 8601 格式的日期字符串（如 `"2021-12-10"`），如果缺少时间部分，则会将其视为无效日期[^1]。而在 Android 上，这种格式通常会被正确解析为当天的午夜时间。因此，在跨平台的小程序环境中，直接使用 `new Date("2021-12-10")` 可能会在 iOS 设备上引发问题。 --- ### 解决方案 为了确保兼容性和稳定性，可以采用以下几种方法来处理日期： #### 方法一：手动拼接完整的日期时间字符串 通过将日期字符串补充完整的时间部分（如 `"T00:00:00Z"`），可以使日期被正确解析。例如： ```javascript const dateStr = "2021-12-10"; const fullDateStr = `${dateStr}T00:00:00Z`; const dateObj = new Date(fullDateStr); console.log(dateObj); // 输出正确的日期对象 ``` 这种方法能够有效规避 iOS 系统无法识别不带时间部分的日期字符串的问题。 --- #### 方法二：使用 JavaScript 的 `Date.parse` 验证输入有效性 可以通过先验证日期字符串的有效性再创建日期对象的方式，避免潜在错误。例如： ```javascript function isValidDate(dateString) { const timestamp = Date.parse(dateString); return !isNaN(timestamp); } const dateString = "2021-12-10"; if (isValidDate(dateString)) { const dateObj = new Date(dateString); console.log(dateObj); } else { console.error("Invalid Date"); } ``` 这种方式可以在运行时捕获并处理非法日期的情况[^2]。 --- #### 方法三：自定义日期解析函数 为了避免依赖浏览器内置的行为，可以编写一个通用的日期解析函数。该函数可以根据传入的年月日参数动态生成合法的日期对象。例如： ```javascript function createDate(year, month, day) { return new Date(`${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}T00:00:00Z`); } const customDate = createDate(2021, 12, 10); console.log(customDate); // 正确输出日期对象 ``` 此方法完全绕过了原始字符串可能带来的解析问题，适用于更复杂的场景。 --- #### 方法四：针对倒计时功能优化定时器逻辑 如果目标是在实现倒计时时遇到了 `setInterval` 不稳定的问题，建议改用 `requestAnimationFrame` 来替代传统的定时器机制。这样不仅可以提高性能，还能更好地适配不同的设备环境。例如： ```javascript let startTime = Date.now(); const targetTime = new Date(createDate(2023, 12, 31)).getTime(); function updateCountdown() { const remainingTime = Math.max(targetTime - Date.now(), 0); const secondsLeft = Math.floor(remainingTime / 1000); console.log(`剩余秒数: ${secondsLeft}`); if (remainingTime > 0) { requestAnimationFrame(updateCountdown); } } updateCountdown(); ``` 上述代码片段展示了如何利用动画帧更新倒计时状态，从而减少因系统差异引起的不稳定现象。 --- ### 总结 综上所述，`new Date().getTime()` 返回 `null` 的根本原因是某些平台上对特定日期格式的支持不足。推荐优先考虑补全日期字符串至标准形式或者构建独立的日期计算模块以增强应用健壮性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SmallTeddy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值