Date对象基础知识

日期对象和万年历

1.创建Date()对象(日期和时间的对象)

JavaScript中的 Date 类型是在早期 Java 中的 java.util.Date 类基础上构建的。

为此, Date类型使用自 UTC 1970 年 1 月 1 日午夜(零时)开始经过的毫秒数来保存日期。

在使用这种数据存储格式的条件下, Date 类型保存的日期能够精确到 1970 年 1月 1 日之前或之后的 285 616 年。

使用new 和 Date()构造方法创建一个日期对象:

var box = new Date( ); //创建一个时间和日期对象;

alert(box); //不同浏览器显示不同;

支持格式:

<body>
    <script type="text/javascript">
        var d = new Date(23231424214);                  //支持格式1:毫秒
        var d1 = new Date("May 31, 2016 09:00:00");     //支持格式2:英文月 日,年 时:分:秒 例如:May 23, 2016 09:00:00
        console.log(d1);    //Tue May 31 2016 09:00:00 GMT+0800 (中国标准时间)
        var d2 = new Date("2016-11-12");                //支持格式3:年-月-日 例如:2016-11-11
        console.log(d2);    //Sat Nov 12 2016 08:00:00 GMT+0800 (中国标准时间)
        var d3 = new Date("2016/11/12");                //支持格式4:年/月/日 例如:2016/11/11
        console.log(d3);    //Sat Nov 12 2016 08:00:00 GMT+0800 (中国标准时间)
    </script>
</body>

在调用Date构造方法里面是可以传参数的,不传参的情况下,新建的对象默认获取当前的时间和日期;

注:

Date()的静态方法

Date.parse() 和Date.UTC() 的使用方法:

1.var box = new Date(Date.parse(1999,09,15));

alert(box);

2.var box = new Date(1999,09,15);

alert(Date.parse(box)); ()里可以有参数

Date()的其他方法:

Date.toString(); ()里没有参数;

toString()方法一般返回带有时区信息的日期和时间。

如: var box =new Date();

alert(box.toString());

Date.toLocaleString( );

toLocaleString( )

返回符合本地习惯的日期和时间格式;

valueOf( )

valueOf()方法不返回字符串,而是返回的代表这个时间的毫秒值。

一般用用来比较两个日期的大小,就知道谁在前谁在后了。

getTime( )

和valueOf( ) 一样

例:

var box = new Date(1996,09,15,14,13,12);

alert(box); //Tue Oct 15 1996 14:13:12 GMT+0800 (中国标准时间)

alert(box.toString()); //Tue Oct 15 1996 14:13:12 GMT+0800 (中国标准时间)

alert(box.toLocaleString()); //1996/10/15 下午2:13:12

alert(box.valueOf()); //845359992000

PS:不同浏览器显示的格式可能不同

2.Date()的“静态”方法

情况一:

将一个2008/09/08转换为标准的时间模式:

方法一:

直接利用Date(),系统会自动调用Date.parse()方法;

new box = new Date('2008/09/08');

​ '2008,09,08'

​ 2008,09,08

​ alert(box);

错误写法: 2008/09/08

方法二:

调用Date.parse()方法来实现;

alert(Date.parse('2008/09/08'))

​ '2008,09,08'

                  2008,09,08

    错误写法:    

​ 2008/09/08

情况二:将一个毫秒数转换为标准的时间模式:

new box = new Date(1175875200000);

alert(box);

错误写法: '1175875200000'

1.Date.parse( )

将'2008/09/08'和毫秒数等格式转换为标准格式;

正确格式:

alert(Date.parse(2008,04));

alert(Date.parse('2008,04'));

alert(Date.parse('2008/04'));

错误格式:

alert(Date.parse(2008/04));

alert(Date.parse(11782882933));

例1:

var box = new Date();

alert(Date.parse('4/7/2007');

//返回的是一个毫秒数;

2.Date.UTC( )

UTC 世界协调时间;按照它的区域基准来计算;

北京东八区的时间比它早8个小时;

Date.UTC()同样也返回毫秒数

但他与Date.parse()在构造时使用不同的信息;

0表示1月,1表示2月,

月[0~11]

日[1~31]

小时[0~23]

(注:Date.UTC()必须传入年份和月份)

写法一:

放在Date()中返回的是世界协调时间;

(Date()会自动再给获取到的毫秒数(此毫秒数为世界协调时间的毫秒数)转为标准时间)

new box = new Date(Date.UTC(2011,11))

alert(box);

写法二:

直接当方法用返回的是毫秒数;

alert(Date.UTC(2011,11)); //和Date.parse()一样,若是传参错误,返回NaN等错误信息,不同浏览器不同;

3.日期组件方法

1.getTime( )

​ 获取表示这个时间的那个毫秒值

var d = new Date();
d.setTime(8998778999)
定义一个函数计算你活了多少天
function howD(birthday){
            var nowTime = new Date();
            var d = nowTime.getTime()-birthday.getTime();
            return Math.floor(d/(24*3600*1000));
        }
        var birthday = prompt("请输入您的生日,生日格式为 年/月/日");
        birthday = new Date(birthday);
        document.write(howD(birthday));

2.getFullYear( )

​ 获取年份

d.getFullYear();

​ setFullYear( );

如设置一个 获取是一年中的第几天 的函数

console.long(getDatesOfYear(new Date(2017,3,10)));      //注:要用new Date() 包着
方法一:
function getDatesOfYear(year,month,date){       //利用年月日来获取天数
  var temp = 0;
  for(var i = 1; i < month ; i++){              
    temp+=getDatesOfMonth(year,month);          //调用了4.getDate()例题中的函数,用以获取这个月有几天
  }
  temp += date;                                 
  return temp;
}
方法二:
function getDatesOfYear(date){                  //利用组件来获取天数
  var temp = 0;
  for(var i = 1; i < date.getMonth()+1 ; i++){
    temp+=getDatesOfMonth(date.getFullYear(),i);
  }
  temp += date.getDate();
  return temp;
}
=>69

3.getMonth( )

​ 获取月份

d.getMonth();           //0 ~ 11 获取月份

​ setMonth(-1); // 1

4.getDate( )

​ 获取是一个月中的第几天

d.getDate();    

​ setDate( );

如设置一个 输入年月,获取这个月有几天 的函数

console.log(2017,3)
function getDatesOfMonth(year,month){            //年份,月份(1月即1)
          var d = new Date(year,month,0);        //这里面的month是实际月份+1,0表示上个月最后一天
          return d.getDate();
      }
      => 31

5.getDay( )

​ 获取是一周中的第几天,只能获取不能设置 (0~6 0代表星期天)

6.getHourse( )

​ 获取小时

d.getHourse();

​ setHourse( );

7.getMinutes( )

​ 获取分钟

d.getMinutes();

​ setMinutes( );

8.getSeconds( )

​ 获取秒钟

d.getSeconds();

​ setSeconds( );

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

推荐阅读更多精彩内容

  • 1. 概念 Date对象是JavaScript提供的日期和时间的操作接口。它可以表示的时间范围是,1970年1月1...
    plainnany阅读 1,919评论 0 1
  • Date类型 Date类型使用自UTC(Coordinated Universal Time,国际协调时间) 19...
    胖胖冰阅读 651评论 0 0
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,358评论 0 17
  • 抄自http://javascript.ruanyifeng.com/stdlib/date.html概述Date...
    zjh111阅读 4,871评论 0 2
  • Spark生态圈 Spark之于Hadoop 个人理解偏向于Spark是一个计算框架,而Hadoop包含计算框架M...
    木戎阅读 287评论 0 0