`

日期处理,各浏览器字符串转日期格式兼容性测试

 
阅读更多
测试代码:


 <meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<script>
    document.write("<table border='1'><tr><td>日期代码</td><td>浏览器响应</td></tr><tr><td>"+'new Date("February 3,2009")                </td><td>' + new Date("February 3,2009")+'</td></tr>');  
    document.write("<tr><td>"+'new Date("February 3,2009 10:52:03")        </td><td>' + new Date("February 3,2009 10:52:03")+'</td></tr>');  
    
    document.write("<tr><td>" +'new Date(2009,1,3)                         </td><td>'+ new Date(2009,1,3)+'</td></tr>');  
    document.write("<tr><td>" +'new Date(2009,1,3,10,52,03)                </td><td>'+ new Date(2009,1,3,10,52,03)+'</td></tr>');  
  
    document.write("<tr><td>" +'new Date(Date.parse("February 3,2009"))    </td><td>'+ new Date(Date.parse("February 3,2009"))+'</td></tr>');  
    document.write("<tr><td>" +'new Date(Date.parse("February 3,2009 10:52:03")) </td><td>'+ new Date(Date.parse("February 3,2009 10:52:03"))+'</td></tr>');  
    document.write("<tr><td>" +'new Date(Date.parse(2009,1,3))             </td><td>'+ new Date(Date.parse(2009,1,3))+'</td></tr>'); //Output: NAN  
    document.write("<tr><td>" +'new Date(Date.parse(2009,1,3,10,52,03))    </td><td>'+ new Date(Date.parse(2009,1,3,10,52,03))+'</td></tr>');    //Output: NAN  
	document.write("<tr><td>" +'new Date(Date.parse("2014-12-23 10:52:03"))    </td><td>'+ new Date(Date.parse("2014-12-23 10:52:03"))+'</td></tr>');    //Output: NAN  
	document.write("<tr><td>" +'new Date(Date.parse("2014/12/23 10:52:03"))    </td><td>'+ new Date(Date.parse("2014/12/23 10:52:03"))+'</td></tr>');    //Output: NAN  
    document.write("<tr><td>" +'new Date(Date.parse("2009/02/03"))         </td><td>'+ new Date(Date.parse("2009/02/03"))+'</td></tr>');  
    
    document.write("<tr><td>" +'new Date("2009/02/03")                     </td><td>'+ new Date("2009/02/03")+'</td></tr>');  
    document.write("<tr><td>" +'new Date("2009/02/03 11:12:13")            </td><td>'+ new Date("2009/02/03 11:12:13")+'</td></tr>');  
    document.write("<tr><td>" +'new Date("2009-02-03")                     </td><td>'+ new Date("2009-02-03")+'</td></tr></table>'); //Output: NAN  
</script>
 

 

IE浏览器()

日期代码 浏览器响应
new Date("February 3,2009") Tue Feb 3 00:00:00 UTC+0800 2009
new Date("February 3,2009 10:52:03") Tue Feb 3 10:52:03 UTC+0800 2009
new Date(2009,1,3) Tue Feb 3 00:00:00 UTC+0800 2009
new Date(2009,1,3,10,52,03) Tue Feb 3 10:52:03 UTC+0800 2009
new Date(Date.parse("February 3,2009")) Tue Feb 3 00:00:00 UTC+0800 2009
new Date(Date.parse("February 3,2009 10:52:03")) Tue Feb 3 10:52:03 UTC+0800 2009
new Date(Date.parse(2009,1,3)) NaN
new Date(Date.parse(2009,1,3,10,52,03)) NaN
new Date(Date.parse("2014-12-23 10:52:03")) NaN
new Date(Date.parse("2014/12/23 10:52:03")) Tue Dec 23 10:52:03 UTC+0800 2014
new Date(Date.parse("2009/02/03")) Tue Feb 3 00:00:00 UTC+0800 2009
new Date("2009/02/03") Tue Feb 3 00:00:00 UTC+0800 2009
new Date("2009/02/03 11:12:13") Tue Feb 3 11:12:13 UTC+0800 2009
new Date("2009-02-03") NaN

 

 


webkit

 

日期代码 浏览器响应
new Date("February 3,2009") Tue Feb 03 2009 00:00:00 GMT+0800 (中国标准时间)
new Date("February 3,2009 10:52:03") Tue Feb 03 2009 10:52:03 GMT+0800 (中国标准时间)
new Date(2009,1,3) Tue Feb 03 2009 00:00:00 GMT+0800 (中国标准时间)
new Date(2009,1,3,10,52,03) Tue Feb 03 2009 10:52:03 GMT+0800 (中国标准时间)
new Date(Date.parse("February 3,2009")) Tue Feb 03 2009 00:00:00 GMT+0800 (中国标准时间)
new Date(Date.parse("February 3,2009 10:52:03")) Tue Feb 03 2009 10:52:03 GMT+0800 (中国标准时间)
new Date(Date.parse(2009,1,3)) Thu Jan 01 2009 08:00:00 GMT+0800 (中国标准时间)
new Date(Date.parse(2009,1,3,10,52,03)) Thu Jan 01 2009 08:00:00 GMT+0800 (中国标准时间)
new Date(Date.parse("2014-12-23 10:52:03")) Tue Dec 23 2014 10:52:03 GMT+0800 (中国标准时间)
new Date(Date.parse("2014/12/23 10:52:03")) Tue Dec 23 2014 10:52:03 GMT+0800 (中国标准时间)
new Date(Date.parse("2009/02/03")) Tue Feb 03 2009 00:00:00 GMT+0800 (中国标准时间)
new Date("2009/02/03") Tue Feb 03 2009 00:00:00 GMT+0800 (中国标准时间)
new Date("2009/02/03 11:12:13") Tue Feb 03 2009 11:12:13 GMT+0800 (中国标准时间)
new Date("2009-02-03") Tue Feb 03 2009 08:00:00 GMT+0800 (中国标准时间)
分享到:
评论

相关推荐

    支持多浏览器的JS日期控件

    比如,可以编写一个接受日期对象和格式字符串作为参数的函数,根据给定的格式将日期转换成字符串。例如,"yy-MM-dd"表示年份的最后两位、月份和日期,用户可以根据自己的需求传递不同的格式。 为了实现跨浏览器兼容...

    JS日期选择器(使用测试:兼容IE,Firefox,Opera等浏览器)

    3. **日期格式化**:将选取的日期转换为特定格式的字符串,如"YYYY-MM-DD"或"MM/DD/YYYY",以便在后端处理或显示给用户。 4. **兼容性层**:为了确保在不同浏览器中运行良好,可能需要使用条件语句或库(如jQuery)...

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

    var date = new Date('2016-...想着估计是字符串格式的问题,改成’2016/11/11 11:11:11’再测试,结果正常,以为这样应该没问题了,再用手机浏览器继续访问,android正常,iPhone继续报错, 再改”Nov 11 2016 11:11:

    兼容多种IE的javascript日期控件

    在JavaScript日期处理方面,可能会涉及到`Date`对象的使用,包括创建新的日期实例、获取和设置日期部分(如年、月、日)、格式化日期字符串等操作。此外,可能还会有对CSS和DOM操作的部分,以构建和控制日期选择器的...

    javascript中日期函数new Date()的浏览器兼容性问题

    这段代码通过对日期字符串中的连接符进行替换('-' 替换为 '/'),使得日期格式符合了大多数浏览器的解析标准,从而提高了代码的兼容性。 总结来说,在使用JavaScript的new Date()函数创建日期对象时,应当注意以下...

    js 日期选择 全兼容

    通过`new Date()`可以创建一个新的日期实例,也可以传入特定的时间戳或者日期字符串来初始化。`getDate()`、`getMonth()`、`getFullYear()`等方法用于获取日期的各个部分,而`setDate()`、`setMonth()`和`...

    layui分页表格及日期乱码.zip

    确保日期格式字符串只包含标准的日期时间格式符,并保持前后端日期格式的一致性。 4. 解决通用乱码问题: - 检查HTML、CSS、JavaScript文件的编码:所有静态资源文件都应保存为UTF-8无BOM格式。 - 确保后端返回的...

    json对象转字符串如何实现

    在JavaScript中,JSON.stringify()方法是用于将JSON对象转换为字符串的关键函数。...在不支持JSON.stringify()的老版浏览器中,开发者需要编写这样的辅助函数来实现JSON对象到字符串的转换,从而确保代码的兼容性。

    day.js轻量级处理时间和日期JavaScript库

    5. **babel.config.js**:Babel的配置文件,用于JavaScript代码的转换,确保兼容性。 6. **prettier.config.js**:Prettier配置文件,用于代码格式化。 7. **package.json**:项目依赖和元数据的定义,包括Day.js...

    使用unicode字符格式化文本

    `Intl`对象提供了许多与国际化相关的功能,如日期和时间格式化、数字格式化以及字符串比较。 7. **字符编码转换**: - 当从不同编码(如UTF-8,ISO-8859-1等)读取数据时,可能需要进行编码转换。JavaScript本身并...

    JS中Safari浏览器中的Date.docx

    总的来说,当在JavaScript中处理日期和时间时,尤其是在Safari浏览器中,开发者需要格外注意日期字符串的格式,以确保在所有目标浏览器中都能正常工作。使用如`formatDatetime`这样的辅助函数可以帮助确保代码的兼容...

    日期控制支持火狐 ie opera等多浏览器(java和ASPnet 通用)

    在不同的浏览器环境中,由于JavaScript引擎和浏览器内核的差异,实现一个兼容性良好的日期控件并不简单。标题提到的资源提供了对火狐(Firefox)、IE(Internet Explorer)以及Opera等多浏览器支持的日期控件解决...

    html日期控件

    - 兼容性测试:确保控件在主流浏览器(如Chrome、Firefox、Safari、Edge)以及不同操作系统(Windows、Mac、Linux)上的表现。 - 错误处理:当用户输入无效的日期时,应有适当的错误提示和处理机制。 - 性能优化:...

    js日期选择代码.zip

    - 确认代码的兼容性,是否支持目标浏览器。 - 将CSS文件链接到HTML头部,使样式生效。 - 引入JavaScript文件,并确保它在DOM加载完成后执行,可以使用`window.onload`或`DOMContentLoaded`事件。 - 如果代码依赖其他...

    经典日期时间选择空间

    - **跨浏览器兼容性**:测试并确保控件在主流浏览器上都能正常工作。 **3. 第三方库** JavaScript有许多成熟的日期时间选择库,例如: - **Bootstrap Datepicker**:基于Bootstrap框架的日期选择器,提供多种样式...

    js日期控件

    此外,`getTime()`方法返回以毫秒为单位的日期时间,而`toDateString()`、`toLocaleString()`等方法则用于格式化日期字符串。 二、JavaScript日期控件库 1. **jQuery UI Datepicker**:这是一个广泛使用的jQuery...

    dorado 官网日期控件 改造

    6. **测试**:对各种浏览器和设备进行兼容性测试,确保在不同环境下都能正常工作。 7. **文档更新**:改造完成后,更新相关的开发者文档,以便其他开发者理解并使用这个新功能。 在这个过程中,开发者需要具备扎实...

    JavaScript开发的日期控件

    为了格式化日期,通常需要自定义函数,将这些部分组合成期望的字符串格式,如"YYYY-MM-DD"或"MM/DD/YYYY"。 3. **日期选择器** 创建一个日期选择器控件,可以使用HTML和CSS构建用户界面,然后用JavaScript添加交互...

    一个比较好用的js日期空件

    2. **日期创建和解析**:提供便捷的方式创建日期对象,支持多种格式的日期字符串解析。 3. **日期格式化**:可以将日期对象格式化为各种常见的日期和时间格式,满足国际化需求。 4. **日期运算**:支持日期的加减...

    jQuery移动端触屏滑动日期控件

    7. **兼容性测试**:由于移动设备的多样性,需要对不同浏览器和操作系统进行兼容性测试,确保控件在iOS、Android、Windows Phone等平台上都能正常工作。 在实际项目中,开发者可能会遇到性能优化、手势冲突、滑动...

Global site tag (gtag.js) - Google Analytics