JavaScript高级程序设计 读书笔记之十 本地对象Date日期


Posted in Javascript onFebruary 27, 2012

创建
var d=new Date();
要注意的是在JavaScript中月份的值是从0到11(0表示1月)。

设置日期和时间值
设置日期和时间值有两种方法:

1、只声明距离1970年1月1日凌晨12点的毫秒数

a、直接用距离1970年1月1日凌晨12点的毫秒数

var d=new Date(0);

b、parse方法:

parse方法接受字符串为参数,把该字符串转换成日期值,返回的是毫秒数。

例如为2012年2月27日创建Date对象:

var d=new Date(Date.parse("Feb 27,2012"));

如果传给parse方法的字符串不能转换成日期,该函数返回NaN

c、UTC方法:

UTC方法也返回日期的毫秒表示,但参数为年、月、日、时、分、秒、毫秒,年、月为必选,其他为可选。

例如为2012年2月27日创建Date对象:

var d=new Date(Date.UTC(2012,1,27));
2、直接声明UTC方法接受的参数

var d=new Date(2012,1,27);

参数规则跟UTC方法相同。

Date类方法
Date类方法如下(来自:https://3water.com/w3school/js/jsref_obj_date.htm):

方法 描述 FF IE
Date() 返回当日的日期和时间。 1 3
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 1 3
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 1 3
getMonth() 从 Date 对象返回月份 (0 ~ 11)。 1 3
getFullYear() 从 Date 对象以四位数字返回年份。 1 4
getYear() 请使用 getFullYear() 方法代替。 1 3
getHours() 返回 Date 对象的小时 (0 ~ 23)。 1 3
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 1 3
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 1 3
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 1 4
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 1 3
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 1 3
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 1 4
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 1 4
getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。 1 4
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。 1 4
getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。 1 4
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 1 4
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 1 4
getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 1 4
parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。 1 3
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。 1 3
setMonth() 设置 Date 对象中月份 (0 ~ 11)。 1 3
setFullYear() 设置 Date 对象中的年份(四位数字)。 1 4
setYear() 请使用 setFullYear() 方法代替。 1 3
setHours() 设置 Date 对象中的小时 (0 ~ 23)。 1 3
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。 1 3
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。 1 3
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。 1 4
setTime() 以毫秒设置 Date 对象。 1 3
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 1 4
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 1 4
setUTCFullYear() 根据世界时设置 Date 对象中的年份(四位数字)。 1 4
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 1 4
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 1 4
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。 1 4
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 1 4
toSource() 返回该对象的源代码。 1 -
toString() 把 Date 对象转换为字符串。 1 4
toTimeString() 把 Date 对象的时间部分转换为字符串。 1 4
toDateString() 把 Date 对象的日期部分转换为字符串。 1 4
toGMTString() 请使用 toUTCString() 方法代替。 1 3
toUTCString() 根据世界时,把 Date 对象转换为字符串。 1 4
toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。 1 3
toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。 1 3
toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。 1 3
UTC() 根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。 1 3
valueOf() 返回 Date 对象的原始值。 1 4

分享一个日期格式化方法
在这儿分享一个日期格式化方法,使用方法跟C#中DateTime的ToString方法类似:
Date.prototype.toString=function(format){ 
var time={}; 
time.Year=this.getFullYear(); 
time.TYear=(""+time.Year).substr(2); 
time.Month=this.getMonth()+1; 
time.TMonth=time.Month<10?"0"+time.Month:time.Month; 
time.Day=this.getDate(); 
time.TDay=time.Day<10?"0"+time.Day:time.Day; 
time.Hour=this.getHours(); 
time.THour=time.Hour<10?"0"+time.Hour:time.Hour; 
time.hour=time.Hour<13?time.Hour:time.Hour-12; 
time.Thour=time.hour<10?"0"+time.hour:time.hour; 
time.Minute=this.getMinutes(); 
time.TMinute=time.Minute<10?"0"+time.Minute:time.Minute; 
time.Second=this.getSeconds(); 
time.TSecond=time.Second<10?"0"+time.Second:time.Second; 
time.Millisecond=this.getMilliseconds(); var oNumber=time.Millisecond/1000; 
if(format!=undefined && format.replace(/\s/g,"").length>0){ 
format=format 
.replace(/yyyy/ig,time.Year) 
.replace(/yyy/ig,time.Year) 
.replace(/yy/ig,time.TYear) 
.replace(/y/ig,time.TYear) 
.replace(/MM/g,time.TMonth) 
.replace(/M/g,time.Month) 
.replace(/dd/ig,time.TDay) 
.replace(/d/ig,time.Day) 
.replace(/HH/g,time.THour) 
.replace(/H/g,time.Hour) 
.replace(/hh/g,time.Thour) 
.replace(/h/g,time.hour) 
.replace(/mm/g,time.TMinute) 
.replace(/m/g,time.Minute) 
.replace(/ss/ig,time.TSecond) 
.replace(/s/ig,time.Second) 
.replace(/fff/ig,time.Millisecond) 
.replace(/ff/ig,oNumber.toFixed(2)*100) 
.replace(/f/ig,oNumber.toFixed(1)*10); 
} 
else{ 
format=time.Year+"-"+time.Month+"-"+time.Day+" "+time.Hour+":"+time.Minute+":"+time.Second; 
} 
return format; 
} 
var d=new Date(); 
console.log(d.toString()); //2011-12-29 11:29:43 
console.log(d.toString("")); //2011-12-29 11:29:43 
console.log(d.toString("yyyy-MM-dd")); //2011-12-29 
console.log(d.toString("HH:mm:ss")); //11:29:43 
console.log(d.toString("yyyy-MM-dd HH:mm:ss")); //2011-12-29 11:29:43 
console.log(d.toString("yyyy年MM月dd日 HH:mm:ss")); //2011年12月29日 11:29:43 
console.log(d.toString("yyyy-MM-dd HH:mm:ss fff")); //2011-12-29 11:29:43 862
Javascript 相关文章推荐
javascript css在IE和Firefox中区别分析
Feb 18 Javascript
ext 列表页面关于多行查询的办法
Mar 25 Javascript
IE中createElement需要注意的一个问题
Jul 13 Javascript
jquery如何扑捉回车键触发的事件
Apr 24 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
简化版手机端照片预览组件
Apr 13 Javascript
js实现键盘自动打字效果
Dec 23 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
VUE重点问题总结
Mar 19 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 #Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 #Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 #Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 #Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 #Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 #Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 #Javascript
You might like
php启用sphinx全文搜索的实现方法
2014/12/24 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
JavaScript 对象成员的可见性说明
2009/10/16 Javascript
jquery 弹出层注册页面等(asp.net后台)
2010/06/17 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
JS实现双击编辑可修改状态的方法
2015/08/14 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
node使用Koa2搭建web项目的方法
2017/10/17 Javascript
EasyUI实现下拉框多选功能
2017/11/07 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
Python设计实现的计算器功能完整实例
2017/08/18 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
python实现socket+threading处理多连接的方法
2019/07/23 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
CSS3实现酷炫的3D旋转透视效果
2019/11/21 HTML / CSS
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
高中毕业自我鉴定
2013/12/16 职场文书
大型活动策划方案
2014/01/12 职场文书
给学校的建议书范文
2014/05/15 职场文书
环保宣传标语
2014/06/12 职场文书
经济国贸专业求职信
2014/06/18 职场文书
大班上学期个人总结
2015/02/13 职场文书
出生证明格式
2015/06/15 职场文书
Python集合的基础操作
2021/11/01 Python