使用Date的坑

为什么写此文:在date练习中,遇到了被很多人吐槽的date所说的坑,开始纠结半天没发现什么原因,耐心寻找搜索发现一些细节记录下来.

1.关于 yyyy-MM-dd 和 yyyy/MM/dd 的格式问题

下面是获取倒计时的两段代码,唯一区别是传入参数的格式不同,
打印结果会相差8小时.

function fn(Datestr){
  var now = new Date();
  var end = new Date(Datestr);
  var times = (end.getTime() - now.getTime())/1000;//总秒数
  console.log('-----'+times*1000);//"-----67201629"
  
  var day = parseInt(times/3600/24);//总天数
  var hour = parseInt( (times - day*3600*24)/3600);//小时
  var minute = parseInt((times - day*24*3600 - hour*3600)/60);
  var second = parseInt(times - day*24*3600 - hour*3600 - minute*60);

  var time = '距离白富美回我微信还有:' + day + '天' + hour + '小时' + minute + '分'  + second + '秒';
  console.log(time);
  
}

fn('2017-04-28');//"距离白富美回我微信还有:0天18小时40分1秒"

解决1:上面的fn('2017/04/28');改为fn('2017/04/28 00:00:00');也可以准确显示东八区的时间

解决2:这样也可以准确显示东八区的时间
function fn2(Datestr){
  var now = new Date();
  var end = new Date(Datestr);
  var times = (end.getTime() - now.getTime())/1000;//总秒数
  console.log('~~~~~~~'+times*1000);//"~~~~~~~38401628"
  var day = parseInt(times/3600/24);//总天数
  var hour = parseInt( (times - day*3600*24)/3600);//小时
  var minute = parseInt((times - day*24*3600 - hour*3600)/60);
  var second = parseInt(times - day*24*3600 - hour*3600 - minute*60);

  var time = '距离白富美回我微信还有:' + day + '天' + hour + '小时' + minute + '分'  + second + '秒';
  console.log(time);
}

fn2('2017/04/28');//"距离白富美回我微信还有:0天10小时40分1秒"

原因:

 yyyy-MM-dd 格式的参数会加8小时,所以.getTime() 也会加8小时,而yyyy/MM/dd 不会.
例子:
dt = new Date('2014-12-25'); // yyyy-MM-dd 
console.log(dt); // => {Date}:2014-12-25 08:00:00 (加上了东8区的时区) 

var dt = new Date('2014/12/25'); // yyyy/MM/dd  

console.log(dt); // => {Date}:2014/12/25 00:00:00 

new Date(dateStr) ：把字符串转换为 Date 对象

概念：
dateStr {string} ：可转换为 Date 对象的字符串(可省略时间)；字符串的格式主要有两种：

1) yyyy/MM/dd HH:mm:ss （推荐）：若省略时间，返回的 Date 对象的时间为 00:00:00。

2) yyyy-MM-dd HH:mm:ss ：若省略时间，返回的 Date 对象的时间为 08:00:00(加上本地时区)。若不省略时间，此字符串在IE中会转换失败!

总之:推荐使用 yyyy/MM/dd.不会多8小时.

参考

2. getTime()

返回 Date 对象与'1970/01/01 00:00:00'之间的毫秒值(北京时间的时区为东8区，起点时间实际为：'1970/01/01 08:00:00') 。

3. 某一天 vs 某星期 vs 某个月

getDate()从 Date 对象返回一个月中的某一天** (1 ~ 31)**。

getDay()从 Date 对象返回一周中的某一天** (0 ~ 6)**。

getMonth() ：返回 Date 对象的月份值。从0开始，所以真实月份=返回值+1 .

4. 创建 Date 对象

var myDate=new Date()


注释：Date 对象会自动把当前日期和时间保存为其初始值。

返回值：{Date} 返回一个转换后的 Date 对象。