老徐WEB：js入门学习 - javascript对象之Date对象

Date对象用于处理日期与时间。

通过new关键字创建Date对象实例，有四种方法。

var d = new Date() // 当前日期和时间
var d = new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数
var d = new Date(dateString)
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds)

Date对象的属性
constructor - 返回对创建此对象的 Date 函数的引用。
prototype - 使您有能力向对象添加属性和方法。

Date对象的方法

getDate() - 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
语法：dateObj.getDate()
返回值：1-31之间的一个整数

new Date('2020 05 03').getDate(); // 3
new Date('2020 05 22').getDate(); // 22

getDay() - 从 Date 对象返回一周中的某一天 (0 ~ 6)。
注意：星期天为 0, 星期一为 1, 以此类推。
语法：dateObj.getDay()
返回值：0-6之间的一个整数

new Date('2020 05 22').getDay(); // 5
new Date('2020 05 23').getDay(); // 6

getFullYear() - 从 Date 对象返回四位数字的年份。
语法：dateObj.getFullYear()
返回值：四位数字的年份

new Date('2020 05 23').getFullYear(); // 2020

getHours() - 返回 Date 对象的小时 (0 ~ 23)。
语法：dateObj.getHours()
返回值：返回0-23之间的整数

new Date('2020 05 23 10:02:02').getHours(); // 10

getMilliseconds() - 返回 Date 对象的毫秒(0 ~ 999)。
语法：dateObj.getMilliseconds()
返回值：返回0-999之间的整数

new Date('2020 05 23 10:02:02:333').getMilliseconds(); // 333

getMinutes() - 返回 Date 对象的分钟 (0 ~ 59)。
语法：dateObj.getMinutes()
返回值：返回0-59之间的整数

new Date('2020 05 23 10:08:02:333').getMinutes(); // 8

getMonth() - 从 Date 对象返回月份 (0 ~ 11)。
注意：一月为 0, 二月为 1, 以此类推。
语法：dateObj.getMonth()
返回值：0-11之间的整数

new Date('2020 05 23 10:08:02:333').getMonth(); // 4

getSeconds() - 返回 Date 对象的秒数 (0 ~ 59)。
语法：dateObj.getSeconds()
返回值：返回0-59之间的整数

new Date('2020 05 23 10:08:02:333').getSeconds(); // 2

getTime() - 返回 1970 年 1 月 1 日至今的毫秒数。
语法：dateObj.getTime()
返回值：整数

new Date('2020 05 23 10:08:02:333').getTime(); // 1590199682333

getTimezoneOffset() - 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
语法：dateObj.getTimezoneOffset()
返回值：整数

new Date('2020 05 23 10:08:02:333').getTimezoneOffset(); // -480

getUTCDate() - 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。

getUTCDay() - 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCFullYear() - 根据世界时从 Date 对象返回四位数的年份。
getUTCHours() - 根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMilliseconds() - 根据世界时返回 Date 对象的毫秒(0 ~ 999)。
getUTCMinutes() - 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCMonth() - 根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCSeconds() - 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。

parse() - 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。

Date.parse('2020 05 23 10:03:23'); // 1590199403000
Date.parse('2020 05 23 10:03:25'); // 1590199405000

setDate() - 设置 Date 对象中月的某一天 (1 ~ 31)。
0 为上一个月的最后一天。
-1 为上一个月最后一天之前的一天。
如果当月有 31 天，32 为下个月的第一天。
如果当月有 30 天，32 为下一个月的第二天。
语法：dateObj.setDate(x)

var d = new Date();
d; // Sun Jun 07 2020 14:50:00 GMT+0800 (中国标准时间)
d.setDate(2); // 1591080600366
d; // Tue Jun 02 2020 14:50:00 GMT+0800 (中国标准时间)

setFullYear() - 设置 Date 对象中的年份（四位数字）。
语法：dateObj.setFullYear(year,month,day)
返回值：毫秒

var d = new Date();
d.setFullYear(2020,06,06); // 1594018522753
d; // Mon Jul 06 2020 14:55:22 GMT+0800 (中国标准时间)
d.setFullYear(2020,d.getMonth()-1,06); // 设置上个月的日期
d; // Sat Jun 06 2020 14:55:22 GMT+0800 (中国标准时间)

setHours() - 设置 Date 对象中的小时 (0 ~ 23)。
语法：dateObj.setHours(hour,min,sec,millisec)
返回值：毫秒

var d = new Date();
d; // Sun Jun 07 2020 15:10:15 GMT+0800 (中国标准时间)
d.setHours(15,20,30); // 1591514430032
d; // Sun Jun 07 2020 15:20:30 GMT+0800 (中国标准时间)

setMilliseconds() - 设置 Date 对象中的毫秒 (0 ~ 999)。
语法：dateObj.setMilliseconds(millisec)
返回值：毫秒

setMinutes() - 设置 Date 对象中的分钟 (0 ~ 59)。
语法：dateObj.setMinutes(min,sec,millisec)
返回值：毫秒

setMonth() - 设置 Date 对象中月份 (0 ~ 11)。
语法：dateObj.setMonth(month,day)
返回值：毫秒

setSeconds() - 设置 Date 对象中的秒钟 (0 ~ 59)。
语法：dateObj.setSeconds(sec,millisec)
返回值：毫秒

setTime() - setTime() 方法以毫秒设置 Date 对象。
语法：dateObj.setTime(millisec)
返回值：毫秒

var d = new Date();
d; // Sun Jun 07 2020 15:18:49 GMT+0800 (中国标准时间)
d.getTime(); // 1591514329289
d.setTime(1591514329289); //
1591514329289
d; // Sun Jun 07 2020 15:18:49 GMT+0800 (中国标准时间)

setUTCDate() - 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCFullYear() - 根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours() - 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMilliseconds() - 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
setUTCMinutes() - 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCMonth() - 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCSeconds() - setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。
toDateString() - 把 Date 对象的日期部分转换为字符串。
语法：dateObj.toDateString()
返回值：字符串

var d = new Date();
d; // Tue Jun 09 2020 11:08:09 GMT+0800 (中国标准时间)
d.toDateString(); // Tue Jun 09 2020

toISOString() - 使用 ISO 标准返回字符串的日期格式。
toJSON() - 以 JSON 数据格式返回日期字符串。

toLocaleDateString() - 根据本地时间格式，把 Date 对象的日期部分转换为字符串。
toLocaleTimeString() - 根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleString() - 据本地时间格式，把 Date 对象转换为字符串。
toString() - 把 Date 对象转换为字符串。
toTimeString() - 把 Date 对象的时间部分转换为字符串。
toUTCString() - 根据世界时，把 Date 对象转换为字符串。

UTC() - 根据世界时返回 1970 年 1 月 1 日到指定日期的毫秒数。
valueOf() - 返回 Date 对象的原始值。

勤学苦练，笨鸟先飞。关注【老徐WEB前端开发教程】公众号，听老徐说。

老徐WEB：js入门学习 - javascript对象之Date对象相关推荐

老徐WEB：js入门学习 - javascript对象之String对象
简单说明一下字符串. 字符串是由单引号或者双引号括起来的任意文本.如果文本里含有单引号,外面就用双引号括起来,如果文本里含有双引号,那么外面就用单引号括起来.如果文本里面的引号和外面的一致,那么文本里 ...
老徐WEB：js入门学习 - javascript变量
javascript变量是最基础的知识,也是学习任何编程语言都会接触,并且要学习的知识. 如果你在编程过程中需要存放一个数字,比如100,那么你首先要声明一个变量,然后把数字100赋值给变量,这样在程 ...
老徐WEB：JS简单实现图片滚动效果轮播图，自动、手动和自适应(二)
轮播图是前端网页中常用的功能,包括PC端和移动端,都会用到轮播图,像咨讯.电商和个人博客等,首页基本都会有轮播图. 老徐在上一篇文章的基础上[最简单详细的轮播图原理和制作过程],又扩展了功能,使之成为 ...
什么是js为什么学习 JavaScript?
什么是js为什么学习 JavaScript? JavaScript 缩写.一种计算机脚本语言,主要在web浏览器(客户端)解释执行,由网景公司开发. 请注意,网景公司的 JavaScript 和微软公 ...
Web前端入门学习（5）——浮动原理及清除浮动
浮动原理及清除浮动上节回顾在上节的<Web前端入门学习(4)-- 块级元素和行内元素之特征与转换>中(http://cherry360.blog.51cto.com/12176744/ ...
Backbone.js入门学习资源
backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件 ...
老徐WEB：最简单详细的轮播图原理和制作过程（一）
老徐利用空闲时间,制作了一个最简单的轮播图,主要介绍轮播图的原理和制作过程,只要大家能认真看完这篇文章,并理解文中内容,就能完全掌握轮播图的制作了.之后工作中碰到复杂的轮播图,自己也能思考制作出来了. ...
【带着canvas去流浪（11）】Three.js入门学习笔记
[摘要] three.js 入门学习笔记示例代码托管在:http://www.github.com/dashnowords/blogs 一. 资料推荐及建议 1.官方文档很详细,但是API部分单独 ...
JavaScript（四）——具体对象（Math、字符串对象、Date对象、Number对象及Boolean对象）
文章目录 1.字符串对象 (1)转义字符 \ (2)API 2.Math对象 3.Date对象 (1)创建 (2)获取存储的日期时间 (3)转为本地字符串格式 (4)设置日期时间 (5)拷贝Date对 ...
JavaScript常用工具Date对象和Math介绍介绍
Date对象 JavaScript中使用Date对象来表示时间. //创建一个时间对象,时间是当前时间 var cur = new Date();//根据表达式创建指定时间的时间对象,格式是月/日/ ...

老徐WEB：js入门学习 - javascript对象之Date对象

老徐WEB：js入门学习 - javascript对象之Date对象相关推荐

最新文章

热门文章