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 相关文章推荐
Document 对象的常用方法
Jul 31 Javascript
Jquery 弹出层插件实现代码
Oct 24 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 Javascript
jquery隐藏标签和显示标签的实例
Nov 11 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
微信小程序 action-sheet底部菜单详解
Oct 27 Javascript
JS正则子匹配实例分析
Dec 22 Javascript
canvas仿iwatch时钟效果
Mar 06 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
Mar 04 Javascript
javascript实现固定侧边栏
Feb 09 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
Protoss兵种对照表
2020/03/14 星际争霸
Yii2增删改查之查询 where参数详细介绍
2016/08/08 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
2016/09/23 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
JavaScript 对象成员的可见性说明
2009/10/16 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
2014/05/18 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
AngularJS 面试题集锦
2016/09/06 Javascript
JavaScript利用正则表达式替换字符串中的内容
2016/12/12 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
Three.js基础学习教程
2017/11/16 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
React实现全选功能
2020/08/25 Javascript
带你使用webpack快速构建web项目的方法
2020/11/12 Javascript
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
django将数组传递给前台模板的方法
2019/08/06 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
会计电算化学生个人的自我评价
2014/02/08 职场文书
竞选部门副经理的自荐书范文
2014/02/11 职场文书
学校联谊协议书
2014/09/16 职场文书
历史博物馆观后感
2015/06/05 职场文书
思品教学工作总结
2015/08/10 职场文书
2019各种承诺书范文
2019/06/24 职场文书
使用Django实现商城验证码模块的方法
2021/06/01 Python
Python sklearn分类决策树方法详解
2022/09/23 Python