var date = new Date();// 使用new+构造函数Date创建一个对象 console.log(date); // date内部相当于默认的调用了toString(): Tue Sep 19 2017 08:54:04 GMT+0800 (中国标准时间) console.log(date.toString()); // Tue Sep 19 2017 08:54:04 GMT+0800 (中国标准时间) console.log(date.toDateString()); //外国的的显示方式: Tue Sep 19 2017 console.log(date.toLocaleDateString()); // 年月日 : 2017/9/19 console.log(date.toTimeString()); // 外国人喜欢看的方式: 08:54:04 GMT+0800 (中国标准时间) console.log(date.toLocaleTimeString()); //国内喜欢看的方式: 上午8:54:04
看到这里是不是觉得太多而且类似不好记,其实并不用全部记住,只要记住new Date()就行,其他的等用到的时候看看就行。下面我们就这个方法展开:
// 1.注意:在用new Date()创建对象的时候传入的是2016,10,1,而打印的结果是11月,这是因为日期格式的月份是从0开始的,10自然就代表11月了。
// 日期格式的月份是从0开始的,即0-11位1-12月, var date = new Date(2016,10,1); console.log(date); // Tue Nov 01 2016 00:00:00 GMT+0800 (中国标准时间)
// 2.看看这次传入的对象,估计很多人已然会觉得会打印11月,如果这样想你就错了,这里传入的是字符串,与上面的不一样,该方法会将字符串中的内容转化成相应的月份。要注意与上面的分开哦 // 注意这种字符串形式的和上面从number类型的不一样,这里的月份就是对于的1-12 var date = new Date("2016-10-1"); //正常的输出 10月1号 console.log(date); // Sat Oct 01 2016 00:00:00 GMT+0800 (中国标准时间)
// 3.现在我们来聊聊时间戳,别被这个名词给忽悠住了,其实他就是时间的毫秒形式,也就是从格林威治时间到现在的毫秒数
// 下面5种方法都可以得到时间戳,估计很多人不乐意了,这怎么记得住,没关系,只要记住常用的就行。如:Date.now() 和 new Date("1970-1-1").getTime(),一个是当前时间,一个是任意时间 var date = Date.parse("2016-10-1"); var date = new Date("1970-1-1 0:0:0").getTime() // 注意打印这个结果是-28800000,刚好偏差了8小时,要注意时区的概念,背景时间应该是1970.1.1 8;00才为0的 console.log(date);//1475251200000 13位的毫秒形式 1970 1 1 00:00:00:000 // 日期的本质就是13位的毫秒数字 这样的好处是为了便于计算 var date = +new Date(); // 获取当前的13位数字表示的时间 console.log(date); // 1505784006569 var date = Date.now(); //HTML5扩展的 IE9+ console.log(date); // 1505784030664 var date = new Date(); console.log(date.valueOf());//打印对象的原来的值,其实就是13位的数字 1505784077460
获取日期时间的指定部分
/** getTime() 返回毫秒数和valueOf()结果一样 getMilliseconds() getSeconds() 返回0-59 getMinutes() 返回0-59 getHours() 返回0-23 getDay() 返回星期几 0周日 6周6 getDate() 返回当前月的第几天,当月的几号 getMonth() 返回月份,从0开始 getFullYear() 返回4位的年份 如 2016 */ var date = new Date(); console.log(date.getTime()); // 和valueOf的效果是一样的,用来获取13位的毫秒数字 console.log(date.getMilliseconds()); console.log(date.getSeconds()); console.log(date.getMinutes()); console.log(date.getHours()); console.log(date.getDay()); // 星期几 周 礼拜几 console.log(date.getDate()); // 当前月份的第几天 几号 console.log(date.getMonth()); //显示的是1,因为这里也是从0开始 console.log(date.getFullYear());
熟悉这些API后,让我们封装一个常见的日期格式函数来练练手吧(非常常见的笔试题目哦,看到了就是赚到了)
function getDate(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; // 月份是从0开始 var day = date.getDate();//获取的是当月的几号 var hour = date.getHours(); var min = date.getMinutes(); var sec = date.getSeconds(); month = month < 10 ? "0" + month : month; day = day < 10 ? "0" + day : day; hour = hour < 10 ? "0" + hour : hour; min = min < 10 ? "0" + min : min; sec = sec < 10 ? "0" + sec : sec; var str = year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + sec; console.log(str); } var date = new Date(); getDate(date); // 把创建的date作为参数传进来
最后再来看看一个关于日期时间的bug。万恶的IE一直是前端学习的噩梦,各种兼容,今天的主角依然是他。以往的兼容是由于IE的版本比价底的缘故,这也难怪,早期的他并没有想的那么全面。可是这个bug知道IE11都还有,我就不知道该说什么了,
可能某些人存在店大欺客的味道,就象ICBC(爱存不存)一样,你爱用不用。那我们就来看看是什么,以及怎么解决吧!
在IE11之前(包括IE11,但是edge是可以识别的)都是不识别这种横杠模式的时间,如:new Date("1970-1-1 0:0:0"),一定要转化成斜杠才能识别new Date("1970/1/1 0:0:0"),因此在使用前必须通过正则去替换:replace(new RegExp("-","gm"),"/");,
看完后,是不是对这些API思路更清晰了
原文:http://www.cnblogs.com/yzq-fighting/p/7554705.html