JS中 new Date() 各方法的用法说明

 更新时间:2022年12月19日 16:10:35   作者:Xie_bro777  
这篇文章主要介绍了JS中 new Date() 各方法的用法,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

JS中 new Date() 各方法的用法

1.new Date() 参数篇

a.返回类型为国标时间,
b.无参数时可以直接返回输出时的时间,
c.有参数时则返回对应时间的国标时间,
d.日期中间的符号可以为,(英文逗号) - / . * = !@ # ¥ % & ,不可为~ · ` ^ + ,(中文逗号) 。

new Date()
Sun Aug 21 2022 15:22:09 GMT+0800 (中国标准时间)

new Date("2022-01-01")
Sat Jan 01 2022 08:00:00 GMT+0800 (中国标准时间)

new Date("2022/01/01")
Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)

new Date("2022.01.01")
Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)

new Date("2022*01*01")
Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)

new Date("Sat Jan 2022")
Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间) 

注1:英文括号 都为左括号 或一对括号 ,两个右括号无法识别

new Date("2022(01)01")
Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)

new Date("2022(01(01")
Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)

new Date("2022)01)01")
Invalid Date 	// 无效的时间

注2:也可以用六个参数表示日期时间的各个数值
其中第二个参数代表月份减一,即参数为1时,其实是二月,第三个参数为0,代表上个月的最后一天

new Date("2022","01",0,11,12,20)
Mon Jan 31 2022 11:12:20 GMT+0800 (中国标准时间)

注3:入参为时间戳时 返回对应的国标时间

new Date(1661051533000)		
//Sun Aug 21 2022 11:12:13 GMT+0800 (中国标准时间)

2.方法篇

查询一个月有多少天

//2022年一月份的天数
new Date("2022","01",0).getDate() 				// 31

日常方法

入参日期的 时间戳
new Date("2022-08-21 11:12:13").getTime() 		// 1661051533000

入参日期的 星期(注:日:0 ,一:1,二:2,三:3,四:4,五:5,六:6)
new Date("2022-08-21 11:12:13").getDay()        // 0

入参日期的 年
new Date("2022-08-21 11:12:13").getFullYear()  	// 2022

入参日期的 月 -1 
new Date("2022-08-21 11:12:13").getMonth()  	// 7

入参日期的 日
new Date("2022-08-21 11:12:13").getDate() 		// 21

入参日期的 时
new Date("2022-08-21 11:12:13").getHours() 		// 11

入参日期的 分
new Date("2022-08-21 11:12:13").getMinutes()  	// 12

入参日期的 秒
new Date("2022-08-21 11:12:13").getSeconds() 	// 13

入参日期的 毫秒 (注:最大为999)
new Date("2022-08-21 11:12:13:999").getMilliseconds()  //999

入参日期 距 1900年的年数

new Date("2022-08-21 11:12:13").getYear() 		// 122

3.国标时间、时间戳、年月日 时分秒的转换

//vue  js 文件
handlerZero(param){
	param= param<10?('0'+param):param
},
// 国标时间 转 年月日 时分秒
formatDateTime(date) {
    let y = date.getFullYear()
    let m = date.getMonth()+1
    let d = date.getDate()
    let h = date.getHours()
    let h = date.getHours()
    let mi = date.getMinutes()
    let ss = date.getSeconds()
    return y+this.handlerZero(m)+this.handlerZero(d)+this.handlerZero(h)+this.handlerZero(mi)+this.handlerZero(ss)
},
// 时间戳转年月日 时分秒
formatDateTime2(date) {
    let datee = new Date(date)
    return this.formatDateTime(datee)
},
// 年月日 转 时间戳
formatDateTime3(date) {
    let y = date.substring(0,4)
    let m = date.substring(4,6)
    let d = date.substring(6,8)
    let str = y+'-'+m+'-'+d 
    return new Date(str).getTime()
}

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

相关文章

  • JS事件绑定的常用方式实例总结

    JS事件绑定的常用方式实例总结

    这篇文章主要介绍了JS事件绑定的常用方式,结合实例形式总结分析了javascript三种常见的事件绑定原理与操作技巧,需要的朋友可以参考下
    2019-03-03
  • 老生常谈遮罩层 滚动条的问题

    老生常谈遮罩层 滚动条的问题

    小编遇到的问题是在弹出层后面的 遮罩层,因为有滚动条,导致滚动条下面不可视区域没有遮罩层。下面就为大家介绍一下解决方法
    2016-04-04
  • AjaxFileUpload.js实现异步上传文件功能

    AjaxFileUpload.js实现异步上传文件功能

    这篇文章主要为大家详细介绍了AjaxFileUpload.js实现异步上传文件功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • JS中对数组元素进行增删改移的方法总结

    JS中对数组元素进行增删改移的方法总结

    本文主要JS中对数组元素进行增删改移的方法,用表格的形式进行整理,方便阅读,具有很好的参考价值,下面就跟小编一起来看下吧
    2016-12-12
  • JS+CSS实现的经典圆角下拉菜单效果代码

    JS+CSS实现的经典圆角下拉菜单效果代码

    这篇文章主要介绍了JS+CSS实现的经典圆角下拉菜单效果代码,可实现非常经典的圆角下拉菜单效果,涉及JavaScript动态操作页面元素css样式的相关技巧,需要的朋友可以参考下
    2015-10-10
  • 实现iframe延时加载

    实现iframe延时加载

    实现iframe延时加载...
    2006-10-10
  • JavaScript学习笔记之图片库案例分析

    JavaScript学习笔记之图片库案例分析

    这篇文章主要介绍了JavaScript学习笔记之图片库案例,结合具体实例形式分析了javascript图片库相关的页面元素动态操作实现技巧,需要的朋友可以参考下
    2019-01-01
  • TS中最常见的声明合并(接口合并)

    TS中最常见的声明合并(接口合并)

    这篇文章主要介绍了TS中最常见的声明合并:接口合并,TS中的声明合并,指的就是编译器会针对同名的声明合并为一个声明,合并后的声明会同时拥有原先两个或多个声明的特性,接口的合并也是一样,它会将双方的成员放到一个同名的接口里,更多详细内容请参考下面文章内容

    2021-12-12
  • Bootstrap免费字体和图标网站(值得收藏)

    Bootstrap免费字体和图标网站(值得收藏)

    在这篇内容中,我们把这套框架上的免费字体图标做了个整合(当然,以后还会不断的更新)。大家对bootstrap免费字体图标有需要的话,可以参考本教程
    2017-03-03
  • uni-app使用uploadFile上传多张图片的具体实现

    uni-app使用uploadFile上传多张图片的具体实现

    在微信小程序中不支持多张图片上传,需要做循环实现多张图片上传,下面这篇文章主要给大家介绍了关于uni-app使用uploadFile上传多张图片的具体实现,需要的朋友可以参考下
    2023-04-04

最新评论