为什么写此文:在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 对象。
