new Date处理日期格式及兼容浏览器问题

在前端处理日期格式问题，需要写日期格式的函数

//日期格式化

Date.prototype.format = function(fmt) {

var o = {

"M+" : this.getMonth()+1, //月份

"d+" : this.getDate(), //日

"h+" : this.getHours(), //小时

"m+" : this.getMinutes(), //分

"s+" : this.getSeconds(), //秒

"q+" : Math.floor((this.getMonth()+3)/3), //季度

"S" : this.getMilliseconds() //毫秒

};

if(/(y+)/.test(fmt)) {

fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));

}

for(var k in o) {

if(new RegExp("("+ k +")").test(fmt)){

fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));

}

return fmt;

}

然后在格式化后台传过来的时间

new Date(Date.parse(assessVo.createdate.replace(/-/g,"/"))).format("yyyy.MM.dd")

assessVo.createdate是后台传过来date类型的json字符串

但是这里用到了Date.parse的方法，是因为new Date(assessVo.createdate).format("yyyy.MM.dd")

在chrom浏览器可以正常显示但是在其他浏览器就成成了invlidate或是NaN的显示，在参考了网上解决的例子：

new Date在不同浏览器识别问题

引言：同一种语言javascript，在不同的浏览器中，存在语言兼容性问题，本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。

1. 问题的提出，开始时间和结束时间空间无法正确的传递值

在页面中，我们使用了一个时间上的组件来开发时间选择框，但是发现在Firefox下是无法正常工作的，在Chrome下是可以正常运行的。问题出在哪里呢？

2. 问题分析

结果分析发现是由于如下代码产生的问题：

var timestart = '2010-05-04';

var timeend = '2015-04-01';

var time1 = (timestart+' 00:00:00').toString();

var time2 = (timeend+' 23:59:59').toString();

timestart = new Date(time1);

timeend = new Date(time2);

问题就在于 new Date(time1)这个构造函数无法正确的生成Date对象，其值为NaN. 怪哉，问题在哪里呢？

3. 各个浏览器上的表现

在IE下的执行情况：

在Firefox下的执行情况：

在Chrome下的执行情况：

通过以上的分析，可以得知，这个javascript的脚本在Chrome下是可以正确执行的，但是在其他浏览器下报出错误。

4. 正确的做法

以下列出正确的做法：

var time1 = (timestart+' 00:00:00').toString();

var time2 = (timeend+' 23:59:59').toString();

timestart = new Date(Date.parse(str.replace(/-/g,"/"))).getTime();

timeend = new Date(Date.parse(str.replace(/-/g,"/"))).getTime();

主要的变化是对默认的日期格式进行了转换，基于'/'格式的日期字符串，才是被各个浏览器所广泛支持的，‘-’连接的日期字符串，则是只在chrome下可以正常工作。

5. 知识点总结

'2015-05-04'是无法被各个浏览器中，使用new Date(str)来正确生成日期对象的。正确的用法是'2015/05/05'.

new Date处理日期格式及兼容浏览器问题相关推荐

linux date字符串日期格式,Linux中date用法
1.命令:date 2.命令功能:date 可以用来显示或设定系统的日期与时间. 3.命令参数-d:显示字符串所指的日期与时间.字符串前后必须加上双引号: -s:根据字符串来设置日期与时间.字符串前后 ...
Unable to parse the date: 2017-12-30 日期格式转化失败
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 报错如题, 日期格式转化失败. 原因:参数是2017-09-23 这种格式,代码却是写的转为: &q ...
JS 判断一个字符串是否为日期格式（兼容IOS）
isNaN(times) 是排除了times是纯数字的情况,如果不考虑这个情况的话,isNaN(times) 这部分就不需要了因为IOS手机上时间格式必须为'2020/12/21 20:05:05' ...
@RequestBody接收Json参数 | 用自定义注解对Vo对象中Date类型日期格式校验
标题太长有木有?主要是为了把问题描述清楚,免得进错文章. 问题描述昨天测试的同事测试接口的时候,测试出来一个Date类型校验问题. 要求输入的日期格式是:yyyy-MM-dd HH:mm:ss,Vo ...
【Date】日期格式转换 Thu Sep 07 2017 00:00:00 GMT+0800 (中国标准时间) 00:00:00
/*** @Description: 将一个诡异的原始字符串格式的日期改成想要的日期格式 * @author liujunran* @date 2018年1月5日上午11:09:18 * @vers ...
Date相关日期格式转换
var myDate = new Date();// new Date() 参数说明,使用举例 // new Date(yyyy,mth,dd,hh,mm,ss),这种方式,必须传递整型 month: ...
Date型日期格式转换
将String类型的日期转换为Date java.lang.IllegalArgumentException: Cannot format given Object as a Date String ...
java日期格式匹配
这里是项目中封装的一个日期格式匹配的工具类 package cn.zks.util;import java.text.DateFormat; import java.text.ParseExcepti ...
java 毫秒转成日期格式_java-将字符串和毫秒值转化为日期格式的几种方法
1. 将毫秒值转换为日期 public void demo1() { //获取当前时间毫秒值 long time = System.currentTimeMillis(); System.out.pr ...

new Date处理日期格式及兼容浏览器问题

new Date在不同浏览器识别问题

new Date处理日期格式及兼容浏览器问题相关推荐

最新文章

热门文章