在JavaScript中,一般考虑使用Date.parse()函数来解析字符串。根据JavaScript的相关文档,可以得知Date.parse(dateVal)返回的是一个整数值,此整数表示 dateVal 中所提供的日期与 1970 年 1 月 1 日午夜之间相差的毫秒数。
不过Date.parse()并不能正确解析类似于2012-04-19的这种格式。而格式为4/19/2012的字符串则可以正常运行:
var time = Date.parse("4/19/2012");
此外,通过实际测试,我们发现IE、FF(火狐)、Chrome浏览器中Date.parse()函数支持的部分格式详情如下:
字符串格式(以2012年04月21日为例) | IE | FF | Chrome |
---|---|---|---|
2012-4-21 | X | 只支持格式2012-04-21 | √ |
4-21-2013 | √ | X | √ |
2012/4/21 | √ | √ | √ |
4/21/2013 | √ | √ | √ |
解决方法一:
我们可以将字符串的格式转为2012/4/21或4/21/2013等格式,再使用Date.parse()函数进行比较判断。
/**
* 接收2012-04-09或2012-4-9格式的字符串,并返回该日期与1970年1月1日 00:00:00的毫秒差值
* @param {String} dateStr
* @return {Number}
*/
function getTime(dateStr){
dateStr = dateStr.replace("-", "/");
return Date.parse(dateStr);
}
/**
* 比较两个指定格式的日期字符串,并返回整数形式的比较结果。
* 如果返回正数,则日期dateStr1较大(靠后);
* 如果返回负数,则日期dateStr2较大;
* 如果返回0,则两者相等。
* @param {String} date1
* @param {String} date2
* @return {Number}
*/
function compareDate(dateStr1, dateStr2){
return getTime(dateStr1) - getTime(dateStr2);
}
由于JavaScript文档要求Date.parse()接收的参数最好符合月/日/年的格式。因此getTime()函数最好可以如下编写:
/**
* 传入yyyy-M(MM)-d(dd)格式的字符串,返回相对于1970-1-1 00:00:00 000的毫秒数差值
* @param {String} dateStr
* @return {Number}
*/
function getTime(dateStr){
var dateStr = dateStr.replace(/^(\d{4})-(\d{1,2})-(\d{1,2})$/, "$2/$3/$1");
return Date.parse(dateStr);
}
解决办法二:
在stackoverflow上,有这样一段代码:
Date.fromISO= (function(){
var diso= Date.parse('2011-04-26T13:16:50Z');
if(diso=== 1303823810000) return function(s){
return new Date(Date.parse(s));
} else return function(s){
var day, tz,
rx= /^(\d{4}\-\d\d\-\d\d([tT][\d:\.]*)?)([zZ]|([+\-])(\d\d):(\d\d))?$/,
p= rx.exec(s) || [];
if(p[1]){
day= p[1].split(/\D/).map(function(itm){
return parseInt(itm, 10) || 0;
});
day[1]-= 1;
/**
这里使用了UTC进行时间转换,但是中国是用的G8失去,也就是说,比UTC时间早8个小时
用UTC转换前要减去多出来的8个小时
*/
if( day.length>3 ){
day[3] -= 8;
}
day= new Date(Date.UTC.apply(Date, day));
if(!day.getDate()) return NaN;
if(p[5]){
tz= parseInt(p[5], 10)*60;
if(p[6]) tz += parseInt(p[6], 10);
if(p[4]== "+") tz*= -1;
if(tz) day.setUTCMinutes(day.getUTCMinutes()+ tz);
}
return day;
}
return NaN;
}
})()
这里要注意GMT和UTC的区别
原stackoverflow上的代码是直接转换成了UTC,但是使用中国时区就得减8个小时了。在这里做个记录,给使用stackoverflow上的代码人做个提示
X-UA-Compatible是IE8的一个专有属性,他告诉IE8采用何种IE版本去渲染网页,在html中的head标签中使用;在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Comptible标签来强制IE8采用低版本方式渲染
我们一般写一个半透明的 div ,只需要给这个 div 设置如下的属性即可:rgba 的含义,r 代表 red ,g 代表 green ,b 代表 blue ,红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a 代表透明度。
CSS3 带来众多全新的设计体验,但有一个问题值得考虑:浏览器对 CSS3 特性的兼容情况如何?因为页面最终离不开用浏览器来渲染,并不是所有浏览器都完全支持 CSS3 的特性。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!