JS内置对象:Date 日期

Date 日期对象

日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。

如何创建一个日期对象

定义一个时间对象 :
【语法】:

var Udate=new Date(); 

【功能】:创建一个日期时间对象。

【返回值】:不传参的情况下,返回当前的日期时间对象。

【说明】:
如果想根据特定的日期和时间创建日期对象,必须传入表示该日期的毫秒数或者是一组用逗号隔开的表示年月日时分秒的参数。

【注意】:使用关键字new,Date()的首字母必须大写。

使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。

如果要自定义初始值,可以用以下方法:

var d = new Date(2017, 10, 1);  //2017年10月1日
var d = new Date('Oct 1, 2017'); //2017年10月1日

我们最好使用下面介绍的“方法”来严格定义时间。

★访问方法语法:

<日期对象>.<方法>

Date对象中处理时间和日期的常用方法:

- 1/获取年月日时分秒及星期的方法

获取年月日时分秒及星期的方法.png

★获取现在的时间

<html>
<head>
    <meta charset="UTF-8">
    <title>new Date()</title>
</head>
<body>
<script>
     //创建一个日期时间对象
     var weeks=["日","一","二","三","四","五","六"];
     today=new Date(),
     year=today.getFullYear(),//年
     month=today.getMonth()+1,//月
     date=today.getDate(),//日
     week=today.getDay(),//星期
     hours=today.getHours(),//小时
     minutes=today.getMinutes(),//分钟
     seconds=today.getSeconds(),//秒
     time=year+"年"+month+"月"+date+"日"+hours+"时"+minutes+"分"+seconds+"秒 星期"+weeks[week];
     console.log("现在是:"+time);

</script>
</body>
</html>

- 2/设置年月日时分秒及星期的方法

设置年月日时分秒及星期的方法.png
<html>
<head>
    <meta charset="UTF-8">
    <title>new Date()</title>
</head>
<body>
<script>
     //创建一个日期时间对象
     var today=new Date();
     today.setMonth(13);
     console.log(today.getMonth());//浏览器显示1,实际月份2
     console.log(today.getFullYear());//当前年+1
</script>
</body>
</html>

【说明】:


一、返回/设置年份方法:get/setFullYear()

返回/设置年份,用四位数表示。

【案例】

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得年份 </title>
<script type="text/javascript">
var mydate=new Date();//当前时间
document.write(mydate+"<br>");//输出当前时间
document.write(mydate.getFullYear()+"<br>");//输出当前年份
mydate.setFullYear(81); //设置年份
document.write(mydate+"<br>"); //输出年份被设定为 0081年。
</script>
</head>
<body>
</body>
</html>

【注意】
1:不同浏览器, mydate.setFullYear(81)结果不同,年份被设定为 0081或81两种情况。
2:结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器)

二、返回星期方法:getDay()

返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成

【案例】

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得星期</title>
<script type="text/javascript">
   var mydate=new Date();//定义日期对象
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定义数组对象,给每个数组项赋值
  var mynum=mydate.getDay();//返回值存储在变量mynum中
  document.write(mydate.getDay()+"<br>");//输出getDay()获取值
  document.write("今天是:"+ weekday[mynum]);//输出星期几
</script>
</head>
<body>
</body>
</html>

【注意】:以上代码是在2017年1月19日,星期四运行。

【结果】
4
今天是:星期四

三、返回/设置时间方法:get/setTime()

返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

【案例】如果将目前日期对象的时间推迟1小时,代码如下

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>日期对象 </title>

 <script type="text/javascript">
  var mydate=new Date();
  document.write("当前时间:"+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推迟一小时时间:" + mydate);
</script>

</head>
<body>
</body>
</html>

【注意】
1: 一小时 60 分,一分 60 秒,一秒 1000 毫秒
2: 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

★【综合案例】:50天后的今天是?

<html>
<head>
    <meta charset="UTF-8">
    <title>new Date()</title>
</head>
<body>
<script>
    //创建一个日期时间对象
    var today=new Date();
    //50天之后是星期几?
    //第一种做法
    // today.setDate(today.getDate()+50);
    // console.log(today.getDay());

    //第二种做法
    var weeks=["日","一","二","三","四","五","六"];
    var year=today.getFullYear();
    var month=today.getMonth();
    var day=today.getDate();
    //创建了一个目标日期对象,年,月,日,时,分,秒
    var temp=new Date(year,month,day+50);
    console.log("50天后的今天是:"+temp.getFullYear()+"-"+(temp.getMonth()+1)+"-"+temp.getDate()+"-"+"星期"+weeks[temp.getDay()]);
</script>
</body>
</html>

end.
本笔记整理自慕课网

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,384评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,845评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,148评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,640评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,731评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,712评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,703评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,473评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,915评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,227评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,384评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,063评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,706评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,302评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,531评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,321评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,248评论 2 352

推荐阅读更多精彩内容