博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
从头开始学JavaScript (十三)——Date类型
阅读量:5135 次
发布时间:2019-06-13

本文共 4016 字,大约阅读时间需要 13 分钟。

说明:UTC:国际协调日期

GMT:格林尼治标准时间

一、date类型的创建

使用new操作符和Date()构造函数

var now=new Date();

传入参数:Date.parse()和Date.UTC()

方法 描述 备注及栗子
parse(datestring) 指定的日期和时间据 1970/1/1 午夜(GMT 时间)之间的毫秒数 静态方法.
语法:Date.parse(datestring)
1 

 

UTC(year,month,day,hours,

minutes,seconds,ms)

根据世界时间,获得一个日期,
然后返回1970年1月1日午夜到该日期的毫秒数
静态方法.
year必需。表示年份的四位数字
month必需。表示月份的整数,介于 0 ~ 11
day必需。表示日期的整数,介于 1 ~ 31
hours可选。表示小时的整数,介于 0 ~ 23
minutes可选。表示分钟的整数,介于 0 ~ 59
seconds可选。表示秒的整数,介于 0 ~ 59
ms可选。表示毫秒的整数,介于 0 ~ 999
1  

在调用Date构造函数而不传递参数的情况下,新创建的对象自动获得当前日期和时间。

二、继承的方法

方法 描述 备注及栗子
valueOf() 返回日期的毫秒表示
toString() 把 Date 对象转换为字符串

 输出格式因浏览器而异

toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串

 输出格式因浏览器而异

三、日期格式化方法

方法 描述
toDateString() 把 Date 对象的时间部分转换为字符串
toTimeString() 把 Date 对象的日期部分转换为字符串
toUTCString() 根据世界时,把 Date 对象转换为字符串
toLocaleDateString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串
toLocaleTimeString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串

针对以上方法举个栗子

1 

以上这些方法的输出也是因浏览器而异,我用的是chrome浏览器

四、日期/时间组件方法

方法 描述 备注
getFullYear() 返回年(四位数字)  
getDate() 返回一个月中的某一天(1 ~ 31)  
getDay() 返回一周中的某一天(0 ~ 6) 返回值是0(周日)到6(周日)之间的一个整数
getMonth() 返回月份(0 ~ 11)  
getHours() 返回小时(0 ~ 23)  
getMinutes() 返回分钟(0-59)  
getSeconds() 返回秒(0-59)  
getMilliseconds() 返回毫秒(0-999)  
getTime() 返回1970.1.1至今的毫秒  
setFullYear(year,month,day) 设置对象中的年份(四位数字) year必须的,month可选的,day可选的
setMonth(month,day) 设置对象中的month(1-12) month必须的,day可选的
setDate(day) 设置对象中的day(1-31) day必须的
setHours(hour,min,sec,millisec) 设置小时(0-23) hour必须的,min可选的,sec可选的,millisec可选的
setMinutes(min,sec,millisec) 设置分钟(0-59) min必须的,sec可选的,millisec可选的
setSeconds(sec,millisec) 设置秒钟(0-59) sec必须的,millisec可选的
setMilliseconds(millisec) 设置毫秒(0-999) millisec必须的
setTime(millisec)

通过向1970.1.1午夜时间添加/减去

指定数目的毫秒来计算时间

millisec必须的

栗子在这里:

1 function displayAll(){ 2             display("Date:"+Date());         3             display("getFullYear:"+date.getFullYear()); 4             display("getDate:"+date.getDate()); 5             display("getDay:"+date.getDay());  6             display("getMonth:"+date.getMonth());                7             display("getHours:"+date.getHours()); 8             display("getMinutes:"+date.getMinutes()); 9             display("getSeconds:"+date.getSeconds());10             display("getMilliseconds:"+date.getMilliseconds());11             display("getTime:"+date.getTime());12             display("

");13 }14 15 function setAll(){16 date.setFullYear(2009,10,1);17 date.setHours(1,1,1,1);18 }19 20 var date = new Date(); 21 displayAll();22 setAll();23 displayAll();

输出结果:

getFullYear:2015

getDate:21
getDay:3
getMonth:0
getHours:15
getMinutes:15
getSeconds:33
getMilliseconds:67
getTime:1421824533067


getFullYear:1992
getDate:1
getDay:0
getMonth:10
getHours:1
getMinutes:1
getSeconds:1
getMilliseconds:1
getTime:720550861001


 
方法(UTC) 描述 备注
getTimezoneOffset() 返回本地时间与格林威治标准时间的分钟差 (GMT) -480
getUTCFullYear() 根据世界时返回月中的一天 (1 ~ 31)  
getUTCMonth() 根据世界时返回月份 (0 ~ 11)  
getUTCDate() 根据世界时返回月中的一天 (1 ~ 31)  
getUTCDay() 根据世界时返回周中的一天 (0 ~ 6)  
getUTCHours() 根据世界时返回小时 (0 ~ 23)  
getUTCMinutes() 根据世界时返回分钟 (0 ~ 59)  
getUTCSeconds() 根据世界时返回秒钟 (0 ~ 59)  
getUTCMilliseconds() 根据世界时返回毫秒(0 ~ 999)  
setUTCFullYear(year,month,day) 根据世界时 (UTC) 设置年份 year必须,含有世纪值的完整年份
month可选,0 ~ 11 之间的整数
day可选,1 ~ 31 之间的整数
setUTCMonth(month,day) 根据世界时 (UTC) 设置月份 month可选,0 ~ 11 之间的整数
day可选,1 ~ 31 之间的整数
setUTCDate(day) 根据世界时 (UTC) 设置一个月中的某一天 必需.该参数是 1 ~ 31 之间的整数
setUTCHours(hour,min,sec,millisec) 根据世界时 (UTC) 来设置指定时间的小时 hour必须,min可选,sec可选,millisec可选
setUTCMinutes(min,sec,millisec) 根据世界时 (UTC) 来设置指定时间的分钟 min必须,sec可选,millisec可选
setUTCSeconds(sec,millisec) 根据世界时 (UTC) 来设置指定时间的秒钟 sec必须,millisec可选
setUTCMilliseconds(millisec) 根据世界时 (UTC) 来设置指定时间的毫秒 millisec必须
新鲜出炉的栗子:
1 

输出结果:

getUTCFullYear:2015

getUTCDate:21
getUTCDay:3
getUTCMonth:0
getUTCHours:7
getUTCMinutes:22
getUTCSeconds:13
getUTCMilliseconds:554


getUTCFullYear:1992
getUTCDate:1
getUTCDay:0
getUTCMonth:10
getUTCHours:1
getUTCMinutes:1
getUTCSeconds:1
getUTCMilliseconds:1


 
 

转载于:https://www.cnblogs.com/yxField/p/4238822.html

你可能感兴趣的文章
python基础学习第二天
查看>>
java可重入锁reentrantlock
查看>>
浅谈卷积神经网络及matlab实现
查看>>
struts2学习(9)struts标签2(界面标签、其他标签)
查看>>
Android 导入jar包 so模块--导入放置的目录
查看>>
解决ajax请求cors跨域问题
查看>>
Android Studio
查看>>
zz 圣诞丨太阁所有的免费算法视频资料整理
查看>>
【大数模板】C++大数类 大数模板
查看>>
【123】
查看>>
《收获,不止Oracle》pdf
查看>>
用户权限设置
查看>>
java 之equals与"=="的区别
查看>>
LinkedList<E>源码分析
查看>>
Real-Time Rendering 笔记
查看>>
如何理解HTML结构的语义化
查看>>
Intellij IDEA(eclipse设置)常用快捷键
查看>>
NAT基本原理
查看>>
Java Content Repository API 简介 转自(https://www.ibm.com/developerworks/cn/java/j-jcr/)
查看>>
visio二次开发——图纸解析
查看>>