一:Date类型介绍
要创建一个日期对象,使用new操作符和Date构造函数即可:
var now = new Date();
Date.parse()方法
其中Date.parse()
方法接收一个表示日期的字符串参数,然后尝试根据这个字符串返回相应日期的毫秒数。ECMA-262没有定义Date.parse()
应该支持哪种日期格式,因此这个方法的行为因实现而异,而且通常是因地区而异。将地区设置为美国的浏览器
通常都接受下列日期格式:
"月/日/年",如6/13/2004;
"英文月名 日,年",如May 12,2004;
"英文星期几 英文月名 日 年 时:分:秒 时区",如Tue May 25 2004 00:00:00 GMT+0800。
ISO 8601扩展格式YYYY-MM-DDTHH:mm:ss:sssZ(例如
2004-05-25T00::00:00)。只有兼容ECMAScript5的实现支持这种格式。
例如,要为2004年5月25日创建一个日期对象,可以使用下面的代码:
//Tue May 25 2004 00:00:00 GMT+0800 (中国标准时间)
var someDate = new Date(Date.parse('May 25,2004'));
如果传入Data.parse()
的方法的字符串不能表示日期格式,会返回NAN
。实际上,如果直接将表示日期的字符串传递给Date构造函数
,也会在后台调用Date.parse()
方法,例如下面的代码跟前面的是等价的。
//Tue May 25 2004 00:00:00 GMT+0800 (中国标准时间)
var someDate = new Date('May 25,2004');
这行代码将会得到与前面一行相同的日期对象。
Date.UTC()方法Date.UTC()
同样返回日期的毫秒数。但它与Date.parse()
在构建值时使用的是不同的信息
。Date.UTC()
的参数分别表示年份、基于0的月数(一月是0,二月是1,依次类推)、月中的哪一天(1到31)、小时数(0到23)、分钟、秒、毫秒数。在这些参数中只有前两个参数是必须的(年和月)
。如果没有提供月中的天数,则假设天数为1;如果省略其它参数,则统统假设为0,如下例子:
//GMT时间2000年1月1日午夜零时
var y2k = new Date(Date.UTC(2000,0));
console.log(y2k); //Sat Jan 01 2000 08:00:00 GMT+0800 (中国标准时间)
//GMT时间2005年5月5日下午5:55:55
var allFives = new Date(Date.UTC(2005,4,5,17,55,55));
console.log(allFives);//Fri May 06 2005 01:55:55 GMT+0800 (中国标准时间)
说明下:Greenwich Mean Time (GMT)格林尼治标准时间英国、爱尔兰、冰岛和葡萄牙属于该时区。这个时区与中国北京时间的时差是8个小时,也就是说比北京时间晚8个小时。
Date构造函数Date构造函数
会模仿Date.UTC()
,但有一点不同的是,日期和时间都是基于本地时区而非GMT
来创建。不过他们的参数跟Date.UTC()
的参数一样。
例如:
//本地时间2000年1月1日午夜零时
var y2k = new Date(2000,0);
console.log(y2k); //Sat Jan 01 2000 00:00:00 GMT+0800 (中国标准时间)
//本地时间2005年5月5日下午5:55:55
var allFives = new Date(2005,4,5,17,55,55);
console.log(allFives);//Thu May 05 2005 17:55:55 GMT+0800 (中国标准时间)
给Date构造函数传递参数常使用如下几种方式:(注:参数可以为整数; 也可以为字符串; 但格式必须正确)
new Date(2009,1,1); //正确
new Date("2009/1/1"); //正确
new Date("2009-1-1"); //不兼容,在谷歌下能解析,在IE浏览器9及以上结果为[date] Invalid
Date,IE8及以下结果为NAN。
说明:日期对象new Date()的参数形式如下:
1)new Date("month dd,yyyy hh:mm:ss");
2)new Date("month dd,yyyy");
3)new Date(yyyy,mth,dd,hh,mm,ss);
4)new Date(yyyy,mth,dd);
5)new Date(ms);
需要注意最后一种形式,参数表示的是需要创建的时间和 GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下:
month:用英文 表示月份名称,从January到December
mth:用整数表示月份,从0(1月)到11(12月)
dd:表示一个 月中的第几天,从1到31
yyyy:四位数表示的年份
hh:小时数,从0(午夜)到23(晚11点)
mm: 分钟数,从0到59的整数
ss:秒数,从0到59的整数
ms:毫秒数,为大于等于0的整数
例如:
new Date("January 12,2006 22:19:35");
new Date("January 12,2006");
new Date(2006,0,12,22,19,35);
new Date(2006,0,12);
new Date(1137075575000);
上面的各种创建形式都表示2006年1月12日这一天。
Date.now()方法
ES5添加了Date.now()
方法,返回表示这个方法时的日期和时间的毫秒数。这个方法简化了使用Date对象分析代码的工作,例如:
//取得开始时间
var start = Date.now();
//调用函数
dosomething();
//取得结束时间
var stop = Date.now(),
result = stop - start;
console.log(start,stop,result); //1494292306763 1494292306768 5
function dosomething(){
console.log('打印结果');
}
支持Date.now()
方法的浏览器包括IE9+,FireFox3+,Safari3+,Opera10.5+和Chrome。在不支持的其它浏览器,使用+操作符把Date对象转成字符串,也可以达到相同的目的。
//取得开始时间
var start = +new Date();
//调用函数
dosomething();
//取得结束时间
var stop = +new Date(),
result = stop - start;
console.log(start,stop,result); //1494292306763 1494292306768 5
function dosomething(){
console.log('打印结果');
}
那么就出来这么一个例子,JavaScript 获取当前毫秒时间戳有以下几种方法:
console.log(Date.parse(new Date())); //结果:1494301186000//不推荐; 毫秒改成了000显示
console.log((new Date()).valueOf()); //结果:1494301186175
console.log(new Date().getTime()); //结果:1494301186175
console.log(Date.now()); //结果:1494301186175
console.log(+new Date()); //结果:1494301186175
继承的方法
与其它引用类型一样,Date类型也重写了toLocaleString()
、toString()
和valueOf()
方法。
其中toLocaleString()
、toString()
在显示日期和时间没有什么价值;而valueOf()
方法不是返回的字符串,而是返回日期的毫秒表示。因此可以方便使用比较操作符(大于或小于)来比较日期值。如下面的例子:
var date1 = new Date(2007,0,1);
var date2 = new Date(2007,1,1);
console.log(date1 < date2); //true
console.log(date1 > date2); //false
日期格式化方法
Date类型还有一些专门用于将日期格式化为字符串的方法,如下:
toDateString()——以特定于实现的格式显示星期几、月、日和年;
toTimeString()——以特定于实现的格式显示时、分、秒和时区;
toLocaleDateString()——以特定与地区的格式显示星期几、月、日和年;
toLocaleTimeString()——以特定于实现的格式显示时、分、秒;
toUTCString()——以特定于实现的格式完整的UTC日期。
与toLocaleString()和toString()方法一样,以上这些字符串格式的方法输出也是因浏览器而异的。因此没有哪一个方法能够用来在用户界面上显示一致的日期信息。
日期/时间组件方法
以下红色标记为常用:
Date() 返回当日的日期和时间。
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() 从 Date 对象以四位数字返回年份。
getYear() 请使用 getFullYear() 方法代替。getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。
getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() 设置 Date 对象中的年份(四位数字)。
setYear() 请使用 setFullYear() 方法代替。setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() 以毫秒设置 Date 对象。
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear() 根据世界时设置 Date 对象中的年份(四位数字)。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
调用方式:
var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1;
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
简单常用示例
1.获取当前时间
function getNowTime() {
return new Date();
}
2.时间与天数相加
function getTimeAddDays(time, days) {
return new Date(time.getTime() + days * 24 * 60 * 60 * 1000);
}
3.获取并格式化日期:年-月-日
function getFormatDate(time) {
return time.getFullYear() + "-" + (time.getMonth() + 1) + "-" + time.getDate();
}
4.字符串转换为日期,字符串格式:2011-11-20
function convertToDate(strings) {
return new Date(Date.parse(strings.replace(/-/g, "/")));
}
或者:
function convertToDate(strings) {
return new Date(strings.replace(/-/g, "/"));
}
5.获取并格式化星期
// 计算系统当前是星期几
var str = "今天是星期" + "日一二三四五六".charat(new Date().getDay());
可查看《JS进阶篇--JS计算系统当前日期是星期几的几种方法》
6.时间比较
function compareTime(time1, time2) {
return time1.getTime() - time2.getTime();
}
7.计算两个日期之间相隔的天数
function getDays(time1, tiem2){
var day = 24*60*60*1000;
return (time1.getTime() - time2.getTime())/day;
}
扩展示例
1.JS判断某年某月有多少天
JavaScript里面的new Date("xxxx/xx/xx")
这个日期的构造方法有一个妙处,当你传入的是"xxxx/xx/0"(0号)的话,得到的日期是"xx"月的前一个月的最后一天("xx"月的最大取值是69,题外话),如果传入"1999/13/0"
,会得到"1998/12/31"
。而且最大的好处是当你传 入"xxxx/3/0",会得到xxxx年2月的最后一天,它会自动判断当年是否是闰年来返回28或29,不用自己判断,太方便了!!所以,我们想得到选 择年选择月有多少天的话,只需要
var d=new Date("选择年/选择月+1/0");
alert(d.getDate());
下面是使用Javascript编写的获取某年某月有多少天的getDaysInOneMonth(year, month)方法:
function getDaysInOneMonth(year, month){
month = parseInt(month,10)+1;
var d= new Date(year+"/"+month+"/0");
return d.getDate();
}
Chrome浏览器(谷歌浏览器)对这个特性不支持,得到的结果是NAN。兼容性问题啊!其原因就是非标准日期格式。
改成如下的格式就OK:
function getDaysInMonth(year,month){
var month = parseInt(month,10);
var temp = new Date(year,month,0);
return temp.getDate();
}
console.log(getDaysInMonth(2017,2)); //28
2.js获取某年某月的哪些天是周六和周日
3.使用JavaScript生成一个倒数7天的数组
描述:
比如今天是10月1号,生成的数组是["9月25号","9月26号","9月27号","9月28号","9月29号","9月30号","10月1号"]。
这个难点就是需要判断这个月份(可能还需要上一个月份)是30天还是31天,而且还有瑞年的2月28天或者29天。
方法一:
不需要那么复杂,在js中非常简单,因为js的date对象是可以参与数学运算的!!!看下面的代码:
var now = new Date('2012/3/2 12:00:00');
var s = '';
var i = 0;
while (i < 7) {
s += now.getFullYear() + '/' + (now.getMonth() + 1) + '/' + now.getDate() + '\n';
// 这个是关键!!!减去一天的毫秒数效果就是把日期往前推一天
now = new Date(now - 24 * 60 * 60 * 1000);
i++;
}
console.log(s);
结果:
2017/6/2
2017/6/1
2017/5/31
2017/5/30
2017/5/29
2017/5/28
2017/5/27
方法二:
根据当前系统时间,来计算这个倒数7天的数组:
var now = new Date();
var s = '';
var i = 0;
while (i < 7) {
s += now.getFullYear() + '/' + (now.getMonth() + 1) + '/' + now.getDate() + '\n';
// 这个是关键!!!减去一天的毫秒数效果就是把日期往前推一天
now = new Date(now - 24 * 60 * 60 * 1000);
i++;
}
console.log(s);
结果:
2017/6/2
2017/6/1
2017/5/31
2017/5/30
2017/5/29
2017/5/28
2017/5/27
方法三:
用Date 的 setDate()方法
var today = new Date();
var curday = today.getFullYear() +"/" + Number(today.getMonth() + 1) +"/"+ today.getDate(); //2017/11/9
var dates = [curday];
for (var i = 1; i < 7; i++) {
var d = new Date(today);
d.setDate(d.getDate() - i);
var ss = d.getFullYear() +"/" + Number(d.getMonth() + 1) +"/"+ d.getDate();
dates.unshift(ss);
}
console.log(dates);
结果:["2017/11/3", "2017/11/4", "2017/11/5", "2017/11/6", "2017/11/7", "2017/11/8", "2017/11/9"]
注:setDate() 方法用于设置一个月的某一天。
getDate() 方法可返回月份的某一天。
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
4.js获取上一个月、下一个月格式为yyyy-mm-dd的日期
function GetMonthFun(){}
//date的日期格式为 yyyyy-mm-dd
GetMonthFun.prototype.getPrevMonth = function(date){
var arr = date.split('-');
var year = arr[0]; //获取当前日期的年份
var month = arr[1]; //获取当前日期的月份
var day = arr[2]; //获取当前日期的日
var days = new Date(year, month, 0);
days = days.getDate(); //获取当前日期中月的天数
var year2 = year;
var month2 = parseInt(month) - 1;
if (month2 == 0) {
year2 = parseInt(year2) - 1;
month2 = 12;
}
var day2 = day;
var days2 = new Date(year2, month2, 0);
days2 = days2.getDate();
if (day2 > days2) {
day2 = days2;
}
if (month2 < 10) {
month2 = '0' + month2;
}
var t2 = year2 + '-' + month2 + '-' + day2;
return t2;
}
//date的日期格式为 yyyyy-mm-dd
GetMonthFun.prototype.getNextMonth = function(date){
var arr = date.split('-');
var year = arr[0]; //获取当前日期的年份
var month = arr[1]; //获取当前日期的月份
var day = arr[2]; //获取当前日期的日
var days = new Date(year, month, 0);
days = days.getDate(); //获取当前日期中的月的天数
var year2 = year;
var month2 = parseInt(month) + 1;
if (month2 == 13) {
year2 = parseInt(year2) + 1;
month2 = 1;
}
var day2 = day;
var days2 = new Date(year2, month2, 0);
days2 = days2.getDate();
if (day2 > days2) {
day2 = days2;
}
if (month2 < 10) {
month2 = '0' + month2;
}
var t2 = year2 + '-' + month2 + '-' + day2;
return t2;
}
var dateObj = new GetMonthFun();
console.log(dateObj.getPrevMonth('2014-01-25')); //2013-12-25
console.log(dateObj.getNextMonth('2014-10-31')); //2014-11-30