内置对象Date

Date对象在实际开发中,也使用得非常频繁,它是一个内置对象,用于表示日期和时间。

Date是用来处理日期和时间的对象,但是与Math对象不同的是:Date是一个构造函数,需要实例化之后才能使用。

接下来第一步:创建Date对象

创建Date对象

创建Date对象有两种方法:

  • 创建时不传参数:
    在不传递参数的情况下,最后创建的结果是返回系统当前的时间对象

    var date = new Date(); console.log(date); // Wed Sep 28 2022 18:06:49 GMT 0800 (中国标准时间) console.log(typeof date); // object

  • 创建时传递参数:
    传递参数时表示创建指定时间的对象,参数可以是字符串,也可以是数字,还可以是时间戳。我们按照传递参数的类型来分别讲解。

  • 参数为字符串

    var date = new Date("2022-09-28 18:06:49"); var date = new Date("2022/09/28 18:06:49"); var date = new Date("2022-09-28T18:06:49"); var date = new Date("2022/09/28T18:06:49"); var date = new Date("2022-09-28"); var date = new Date("2022/09/28"); var date = new Date("2022-09-28T00:00:00"); var date = new Date("2022/09/28T00:00:00");

通过上面的代码,我们可以看到在将时间字符串作为参数传入的时候,我们要遵循的格式就是:年月日 具体时间,其中年月日之间使用-或者/连接,具体时间使用:连接;年月日和具体时间的连接可以使用空格隔开或者T隔开。

  • 参数为多个数字

    var date = new Date(x,y,z,a,b,c,d);

  • x:表示年份,必须传递,否则会报错
  • y: 表示月份,从0开始,0表示1月,1表示2月,以此类推,如果不传递,默认为0
  • z: 表示日期,如果不传递,默认为1
  • a: 表示小时,如果不传递,默认为0
  • b: 表示分钟,如果不传递,默认为0
  • c: 表示秒,如果不传递,默认为0
  • d: 表示毫秒,如果不传递,默认为0

多个参数之间我们使用逗号间隔,如果不传递的参数,会使用默认值(年份除外,年份必须传参)。

  • 参数为时间戳

    var date = new Date(时间戳);

日期的格式化

在实际开发中,我们经常需要将日期格式化,比如:将日期格式化为:2022-09-28 18:06:49,这个时候我们就需要使用到Date对象的format方法。

或者我们需要获取日期的指定部分,这个时候就需要用到Date对象自带的方法了。

Date对象自带的方法

方法名 含义 备注
getFullYear() 获取年份  
getMonth() 获取月:0-11 0代表一月
getDate() 获取日:1-31  
getDay() 获取星期:0-6 0代表周日;1代表周一
getHours() 获取小时:0-23  
getMinutes() 获取分钟:0-59  
getSeconds() 获取秒:0-59  
getMilliseconds() 获取毫秒 1s = 1000ms

获取时间戳

什么是时间戳呢?

时间戳就是从格林威治标准时间的1970年1月1日,0时0分0秒到当前日期所花费的毫秒数(1秒 = 1000毫秒)。

那为什么需要时间戳呢?

这是因为在计算机中,时间是以数字的形式存储的,而不是以字符串的形式存储的,所以我们需要将时间转换为数字,这个数字就是时间戳。
而时间戳的存在就是为了统一时间的单位。

如何获取时间戳呢?

下面集中常见的方法:

  • new Date():获取当前时间的时间戳

    value = new Date();

  • Date对象的getTime方法

    var date = new Date();

  • Date对象的valueOf方法

    var date = new Date();

这三种方法都可以获取当前时间的时间戳。使用频率从上往下一次递减。

附:获得Date总的毫秒数(距离1970年1月1号过了多少毫秒)

valueOf();

var date = new Date();
console.log(date.valueOf());//1628750819687

getTime();

var date = new Date();
console.log(date.getTime());//1628750819687

简单写法

var date1 =  new Date();
console.log(date1);//1628750819687

H5新增的方法

console.log(Date.now());//1628750819687

总结

到此这篇关于JS中Date的一些常用方法的文章就介绍到这了,更多相关JS Date常用方法内容请搜索Devmax以前的文章或继续浏览下面的相关文章希望大家以后多多支持Devmax!

JS中Date的一些常用方法小结的更多相关文章

  1. html5 拖拽及用 js 实现拖拽功能的示例代码

    这篇文章主要介绍了html5 拖拽及用 js 实现拖拽,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. amaze ui 的使用详细教程

    这篇文章主要介绍了amaze ui 的使用详细教程,本文通过多种方法给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. 对于NSManagedObject,Xcode 9构建了Date vs NSDate的问题

    Xcode9为模拟器与设备中的实体的Date类型属性生成不同的代码.我在coredata中将类设置为类别/扩展名下的codegen功能.直到Xcode8.3(最新)它一切正常.下面是Xcode9为属性自动生成的代码–在设备上:–和,在模拟器上:–有谁遇到过这个问题?对于一个有50个成员的项目来解决这个问题的最佳解决方案是什么,直到Xcode更新修复它?

  4. iOS兼容输入类型日期 – 设置最小值最大值

    我试图在UIWebViewiOS应用程序中使用jQueryMobile设置日期,值设置正确但最小和最大属性日期设置不起作用.和当我在模拟器上运行它时,当选择日期字段时,日期选择器可见,但未设置最小,最大日期.解决方法模拟器的safari不支持设置输入类型=“日期”的最小值和最大值.您可以通过导航到thissite并尝试控制来测试它.它(可能)可以在桌面浏览器上运行,但不会在模拟器的浏览器或UIWebView中运行.

  5. ios – 设置NSDataDetector的上下文日期

    假设今天是2014年1月20日.如果我使用NSDataDetector从“明天下午4点”字符串中提取日期,我将得到2014-01-21T16:00.大.但是,假设我希望NSDataDetector假装当前日期是2014年1月14日.这样,当我解析“明天下午4点”时,我将得到2014-01-15T16:00.如果我在设备上更改系统时间,我会得到我想要的.但是,有没有办法以编程方式指定它?

  6. ios – 如何自动生成日期属性为Date而不是NSDate的NSManagedObject子类?

    我目前正在将我的项目更新为Swift3,并且我将所有的NSDate方法和扩展都移动到Date以便在应用程序中保持标准.问题是我使用Xcode自动生成我的NSManagedobject子类,它生成日期属性为NSDate而不是Date.有没有办法用日期属性作为日期生成它?

  7. ios – 如何减去日期组件?

    今天是星期五,根据NSCalendar,这是6.我可以通过使用以下内容得到这个我怎么得到上周六的工作日组件,应该是7?

  8. iOS – 友好的NSDate格式

    我需要在我的应用程序中显示帖子的日期给用户,现在我用这种格式:“5月25日星期五”.如何格式化NSDate以阅读“2小时前”的内容?使其更加用户友好.解决方法NSDateFormatter不能做这样的事情;你将需要建立自己的规则.我想像:所以这是打印’x分钟前’或’x小时前’从日期起24小时,通常是一天.

  9. ios – NSDate得到上周,上个月的问题

    我需要从当前日期开始获得上一个礼拜.所以我找到了可以重新计算当前日期添加间隔的解决方案这个参数:[[NSDatedate]dateByAddingTimeInterval:-604800.0](前一周)[[NSDatedate]dateByAddingTimeInterval:-2629743.83](取得上个月)正如我想,为了让周,这种方法运行良好,没有任何问题,因为每周有七天,间隔没有改变.但

  10. ios – Swift 3 – 比较两个日期时使用<运算符

    当比较两个日期时,我可以比较使用>但不是

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部