`

IE、火狐浏览器下JS的new Date()的值为Invalid Date、NaN - js经典问题(高级篇)

阅读更多

【问题现象】:

    当我们需要将一串日期字符串转换为具体的Date格式的时候,往往需要用到new Date("yyyy-mm-dd hh:mm:ss")方法,在IE、火狐浏览器下,会遇到这种问题:

 

new Date('2017-01-20 00:00:00')    //却返回这个值Invalid Date,转换失败

 

但是这个方法却在谷歌浏览器上可以返回正确的结果。

 

【原因分析】:

      不同的浏览器对不同时间格式还是存在差异的,以下列出了所有浏览器都支持的方式:

 

var d = new Date(2017, 01, 07);
var d = new Date(2017, 01, 07, 11, 05, 00);
var d = new Date("01/07/2017"); 
var d = new Date("01/07/2016 11:05:00");
var d = new Date(1297076700000); 
var d = new Date("Mon Feb 07 2011 11:05:00 GMT"); 

 

【解决方案】:

      使用正则表达式转换格式即可或者后台传值到前台来的时候专正确格式即可:

 

new Date('2017/01/20 00:00:00');

 

var date="2017-01-20 10:10:10";
date=date.replace(new RegExp(/-/gm) ,"/");   //将所有的'-'转为'/'即可
Date d=new Date(date);

 

 

 

 

 

 

 

捐助分享者

          以前并不喜欢编程,但是现在已经是一个为程序而痴迷的IT迷,在此分享一些自己整理并优化后的东西,希望能给IT迷们有所帮助,有欣喜,也还有汗水,同时也希望大家能支持一下。 当然,有钱捧个钱场(支持支付宝和微信捐助,加入it资料中心扣扣群),没钱捧个人场,有了大家的支持,我们会更有动力,会做的更好的,谢谢各位。

 

 

1
1
分享到:
评论

相关推荐

    js获取时间 的时分秒出现NaN

    ### js获取时间的时分秒出现NaN问题及解决方法 #### 问题背景 在JavaScript中处理日期和时间是一项常见的需求,特别是在开发与时间敏感的应用场景(如定时任务、倒计时等)时更是如此。然而,在处理这些日期时间的...

    UOS系统 火狐浏览器中文版 52.3.0

    标题中的“UOS系统 火狐浏览器中文版 52.3.0”指的是在统一操作系统(Unity Operating System,简称UOS)上使用的火狐浏览器的特定版本,即52.3.0的中文语言版本。UOS是基于Linux内核的国产操作系统,旨在提供安全、...

    JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

    var date = new Date('2016-11-11 11:11:11'); [removed](date); 最近在写一个时间判断脚本,需要将固定好的字符串时间转换为时间戳进行比较,在做的时候个人习惯使用chrome作为调试工具,代码基本完成之后,一切...

    微信小程序new Date()方法失效问题解决

    在微信小程序开发中,`new Date()`方法是用于创建日期对象的关键方法,但在某些情况下可能会出现失效的问题,尤其是在特定的移动设备或操作系统上。根据给出的文件信息,可以了解微信小程序中`new Date()`方法失效的...

    解决Invalid byte 1 of 1-byte UTF-8 sequence

    标题 "解决Invalid byte 1 of 1-byte UTF-8 sequence" 涉及的问题是关于字符编码不匹配引发的错误,通常在处理包含非ASCII字符的文本文件时出现。UTF-8是一种广泛使用的字符编码标准,能表示世界上大部分语言的字符...

    微信JS-SDK Demo 实现 invalid signature错误详解

    微信JS-SDK Demo代码 invalid signature错误详解在readme里面

    JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)

    在JavaScript中,`new Date(str)` 用于根据字符串创建日期对象,但在不同的浏览器环境中,特别是Firefox和Internet Explorer(IE)中,这种用法可能存在兼容性问题。这是因为不同浏览器对日期字符串解析的标准支持...

    ie8 不支持new Date(2012-11-10)问题的解决方法

    然而,IE8(Internet Explorer 8)浏览器对这个构造函数的支持存在一些限制,尤其是当传递的日期字符串格式为 "YYYY-MM-DD" 时,如 `new Date(2012-11-10)`。IE8会解析这种格式的日期错误,导致`Invalid Date`异常。...

    react-react日期选择器

    "react日期选择器"通常是指专门为React设计的、优化移动端用户体验的日期选择组件。在移动终端上,一个良好的日期选择器能提供直观、易用的交互,提升用户的操作体验。"react-date-picker"很可能是一个基于React的...

    nc- invalid option — ‘e’错误解决办法.docx

    为了解决这个问题,我们需要首先确定当前使用的是哪个 nc 命令。 使用 `which nc` 命令可以确定当前使用的 nc 命令的路径,然后使用 `ls -ld` 命令来查看该文件的详细信息。在这个例子中,我们可以看到,当前使用的...

    Python Numpy:找到list中的np.nan值方法

    本篇文章将详细介绍如何在Python Numpy中查找并处理列表中`np.nan`值的方法。 首先,让我们理解`np.nan`的含义。在Numpy中,`np.nan`是一个特殊的浮点数,表示非数字值,通常用于表示数据中的缺失或未定义值。由于`...

    详解Mysql数据库date, datetime类型设置0000-00-00默认值(default)报错问题

    MySQL数据库在5.7版本之后,对于`date`和`datetime`类型的字段,设置默认值为"0000-00-00"时会出现错误提示“Invalid default value for 'time'”。这个问题源于MySQL的`sql_mode`配置,特别是其中的`NO_ZERO_IN_...

    STATUS-INVALID-IMAGE-HASH

    4. **恢复浏览器默认设置**:在Chrome中,可以进入设置 -> 更多工具 -> 清除浏览数据 -> 高级 -> 恢复默认设置。但请注意,这会清除所有自定义设置和扩展。 5. **扫描恶意软件**:使用可靠的防病毒软件进行全面扫描...

    JS中Safari浏览器中的Date.docx

    本篇文章主要关注在Safari浏览器中使用Date对象时需要注意的问题以及如何解决这些问题。 首先,Safari不支持以"-"作为日期分隔符的字符串格式。例如,"2021-01-01 12:00:00"这样的日期字符串在其他浏览器中可能能够...

    公众号微信分享使用js-sdk走过的坑 错误类型:invalid url domain

    再和前台对接的时候一直报错:invalid url domain 在网上查找了很多资料,有说端口的问题,也有其它各种原因的,一大堆,最后我发现以上的说法都不准确,这是我配置的地址(错误的地址) 把配置地址的http://去掉...

    Python系列:error: invalid command ‘egg-info‘ 安装optuna时报错

    在Python开发过程中,遇到"error: invalid command ‘egg-info‘"这样的报错通常是由于安装或配置Setuptools库时出现了问题。Setuptools是Python项目构建、安装和管理的工具,而`egg-info`命令用于生成项目的元数据...

    Javascript之Date对象详解

    JavaScript中的Date对象是用于处理日期和时间的核心构造函数,提供了丰富的功能来操作和展示日期。以下是对Date对象的详细说明: 1. 创建Date对象: - 默认创建:`var myDate = new Date();` 这将创建一个表示当前...

    JS日期选择控件和日期类型操作

    如果输入无效,`new Date()`会返回`Invalid Date`。 ```javascript let inputDate = new Date('2022-12-31'); if (isNaN(inputDate)) { console.log('无效日期'); } else { console.log('有效日期'); } ``` 2. ...

    pdfjs-2.4.456-dist.zip

    2. **web**:这个目录通常包含用于在浏览器环境中运行 PDF.js 的所有前端资源,如 JavaScript 文件(pdf.js、pdf.worker.js)、CSS 样式表、字体和其他必要的静态资源。 3. **build**:此目录可能包含构建脚本或编译...

    NextDate()函数判断输入日期的下一天(C语言编写)

    根据给定的信息,本文将详细解释“NextDate()函数判断输入日期的下一天(C语言编写)”这一知识点。文章将分为几个部分:背景介绍、关键函数解析、日期合法性检查功能解析以及完整的程序运行逻辑。 ### 背景介绍 ...

Global site tag (gtag.js) - Google Analytics