JavaScript Date对象功能与用法学习记录


Posted in Javascript onApril 28, 2020

本文实例讲述了JavaScript Date对象功能与用法。分享给大家供大家参考,具体如下:

Date 实例用来处理日期和时间。Date对象基于1970年1月1日(世界标准时间)起的毫秒数。

JavaScript 的Date对象提供了数个UTC时间的方法,也相应提供了当地时间的方法。UTC,也就是我们所说的格林威治时间,指的是time中的世界时间标准。而当地时间则是指执行JavaScript的客户端电脑所设置的时间。

Date 构造函数

new Date();
//Sun Jan 06 2019 20:18:04 GMT+0800 (中国标准时间)

new Date(value); 
//value 代表自1970年1月1日00:00:00 (世界标准时间) 起经过的毫秒数。
new Date(000000000000);

//Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)

new Date(dateString);
//dateString表示日期的字符串值。该字符串应该能被 Date.parse() 方法识别
new Date("2019.01.01");
//Tue Jan 01 2019 00:00:00 GMT+0800 (中国标准时间)

new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);

//year代表年份的整数值。为了避免2000年问题最好指定4位数的年份; 使用 1998, 而不要用 98.
//month代表月份的整数值从0(1月)到11(12月)。
//day代表一个月中的第几天的整数值,从1开始。
//hour代表一天中的小时数的整数值 (24小时制)。
// minute分钟数。
// second秒数。
//millisecond表示时间的毫秒部分的整数值。

new Date(2019,01,01,01,01,01);

//Fri Feb 01 2019 01:01:01 GMT+0800 (中国标准时间)

Date方法

Date.now()

返回自 1970-1-1 00:00:00 UTC (世界标准时间)至今所经过的毫秒数,类型为Number。

Date.now()
//1546777708417

Date.parse()

解析一个表示日期的字符串,并返回从 1970-1-1 00:00:00 所经过的毫秒数。

Date.parse("2019.01.01")
//1546272000000

Date.parse('01 Jan 1970 00:00:00 GMT');
//0

Date.UTC()

接受和构造函数最长形式的参数相同的参数(从2到7),并返回从 1970-01-01 00:00:00 UTC 开始所经过的毫秒数。

  • year:1900 年后的某一年份。
  • month:0 到 11 之间的一个整数,表示月份。
  • date:1 到 31 之间的一个整数,表示某月当中的第几天。
  • hrs:0 到 23 之间的一个整数,表示小时。
  • min:0 到 59 之间的一个整数,表示分钟。

sec 0 到 59 之间的一个整数,表示秒。

ms

0 到 999 之间的一个整数,表示毫秒。

new Date(Date.UTC(2019, 0, 0, 0, 0, 1));
//Mon Dec 31 2018 08:00:01 GMT+0800 (中国标准时间)

时间戳格式转换

dateFormmat(time) {
 let date = new Date(time * 1000); //如果date为13位不需要乘1000
 let Ye = date.getFullYear() + '/';
 let Mo =
  (date.getMonth() + 1 < 10
  ? '0' + (date.getMonth() + 1)
  : date.getMonth() + 1) + '/';
 let Da =
  (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
 let hh =
  (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
 let mm =
  (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) +
  ':';
 let ss =
  date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
 return Ye + Mo + Da +hh + mm + ss
 }
 
//let value=dateFormmat(1234567890)
//console.log(value)
//2009/02/14 07:31:30

Date 实例-(get)

所有的 Date 实例都继承自 Date.prototype。修改 Date 构造函数的原型对象会影响到所有的 Date 实例。

Date.getDate()

根据本地时间,返回一个指定的日期对象为一个月中的第几天。getDate() 返回一个1 到 31的整数值

let date = new Date("December 25, 2019 11:11:00");
let day = date.getDate();

console.log(day)
//25

Date.getDay()
getDay() 返回一个整数值: 0 代表星期日, 1 代表星期一,2 代表星期二, 依次类推

Date.getFullYear()
getFullYear() 方法根据本地时间返回指定日期的年份。

Date.getMonth()
根据本地时间,返回一个指定的日期对象的月份,为基于0的值(0表示一年中的第一月)。

Date.getHours()
getHours() 方法根据本地时间,返回一个指定的日期对象的小时。getHours返回一个0 到 23之间的整数值。

Date.getMinutes()
getMinutes() 方法根据本地时间,返回一个指定的日期对象的分钟数。getMinutes 返回一个0 到 59的整数值

Date.getSeconds()
getSeconds() 方法根据本地时间,返回一个指定的日期对象的秒数,返回一个 0 到 59 的整数值。

Date.getMilliseconds()
getMilliseconds() 方法,根据本地时间,返回一个指定的日期对象的毫秒数。getMilliseconds() 方法返回一个0 到 999的整数。

Date.getTime()
getTime 方法的返回值一个数值,表示从1970年1月1日0时0分0秒(UTC,即协调世界时)距离该日期对象所代表时间的毫秒数。

Date 实例-(set)

Date.setDate()
setDate() 方法根据本地时间来指定一个日期对象的天数。
如果 dayValue 超出了月份的合理范围,setDate 将会相应地更新 Date 对象。例如,如果为 dayValue 指定0,那么日期就会被设置为上个月的最后一天。

Date.setFullYear()
setFullYear() 方法根据本地时间为一个日期对象设置年份
如果有一个参数超出了合理的范围,setFullYear 方法会更新其他参数值,日期对象的日期值也会被相应更新。 例如,为 monthValue 指定 15, 则年份会加1,月份值会为3。

Date.setHours()
setHours() 方法根据本地时间为一个日期对象设置小时数,返回从1970-01-01 00:00:00 UTC 到更新后的 日期 对象实例所表示时间的毫秒数。

如果有一个参数超出了合理范围,setHours 会相应地更新日期对象中的日期信息。例如,如果为 secondsValue 指定了 100,则分钟会加 1,然后秒数使用 40。

Date.setMilliseconds()
setMilliseconds() 方法会根据本地时间设置一个日期对象的豪秒数。

如果指定的数字超出了合理范围,则日期对象的时间信息会被相应地更新。例如,如果指定了 1005,则秒数加 1,豪秒数为 5。

Date.setMinutes()
setMinutes() 方法根据本地时间为一个日期对象设置分钟数。

如果有一个指定的参数超出了合理范围,setMinutes 会相应地更新日期对象中的时间信息。例如,为 secondsValue 指定 100,分钟数将会加 1,而秒数会为 40。

Date.setMonth()
setMonth() 方法根据本地时间为一个设置年份的日期对象设置月份

如果有一个指定的参数超出了合理范围,setMonth 会相应地更新日期对象中的日期信息。例如,为 monthValue 指定 15,则年份会加 1,月份将会使用 3。

Date.setSeconds()
setSeconds() 方法根据本地时间设置一个日期对象的秒数。

如果一个参数超出了合理范围, setSeconds 方法会相应地更新日期对象的时间信息。例如,为 secondsValue 指定 100,则日期对象的分钟数会相应地加 1,秒数将会使用 40。

Date.setTime()
setTime() 方法以一个表示从1970-1-1 00:00:00 UTC计时的毫秒数为来为 Date 对象设置时间。

希望本文所述对大家react程序设计有所帮助。

Javascript 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
jquery text()方法取标签中的文本
Jul 25 Javascript
JS和JQ的event对象区别分析
Nov 24 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
微信小程序 简单教程实例详解
Jan 13 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
jQuery实现手势解锁密码特效
Aug 14 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 Javascript
JavaScript 链表定义与使用方法示例
Apr 28 #Javascript
Vue 3.0 全家桶抢先体验
Apr 28 #Javascript
React生命周期原理与用法踩坑笔记
Apr 28 #Javascript
js最全的数组的降维5种办法(小结)
Apr 28 #Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 #Javascript
React中Ref 的使用方法详解
Apr 28 #Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 28 #Javascript
You might like
一个php作的文本留言本的例子(一)
2006/10/09 PHP
php学习笔记之 函数声明(二)
2011/06/09 PHP
那些年一起学习的PHP(二)
2012/03/21 PHP
使用HMAC-SHA1签名方法详解
2013/06/26 PHP
PHP 获取文件权限函数介绍
2013/07/11 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
Bootstrap表单布局
2016/07/19 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
Vue批量图片显示时遇到的路径被解析问题
2019/03/28 Javascript
浅谈目前可以使用ES10的5个新特性
2019/06/25 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
从零学python系列之教你如何根据图片生成字符画
2014/05/23 Python
python分析作业提交情况
2017/11/22 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
浅谈keras通过model.fit_generator训练模型(节省内存)
2020/06/17 Python
python软件都是免费的吗
2020/06/18 Python
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
《花木兰》教学反思
2014/04/09 职场文书
三八妇女节标语
2014/10/09 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
2014年化妆品销售工作总结
2014/12/01 职场文书
2015年文秘个人工作总结
2015/10/14 职场文书
请假条应该怎么写?
2019/06/24 职场文书
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python