JavaScript的内置对象Date详解

 更新时间:2021年11月24日 15:34:21   作者:1900's 88 keys  
这篇文章主要为大家介绍了vue组件通信的几种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

Date对象

在JS中使用Date对象来表示一个时间

创建Date对象

new Date()

创建一个Date对象 如果使用构造函数创建一个Date对象,则会封装为当前代码执行的时间.

var  d = new Date();
console.log("当前时间是:",d);

在这里插入图片描述

创建一个指定的时间对象

需要在构造函数中传递表示时间的 字符串作为参数

日期格式 月份/日/年 (时:分:秒)

var  d = new Date("12/21/2012  12:12:30");
console.log("玛雅人预言世界末日的时间是:",d);

在这里插入图片描述

还可以通过传参的方式进行创建

语法为

new Date(y,M,d,h,m,s):带参的构造,参数是年、月、日、时、分、秒

var  d = new Date(2012,11,21,8,00,00);
console.log(d);

在这里插入图片描述

注意:

通过传参方式创建的时间的月份的整数值,从0(1月)到11(12月)

getDate()

获取当前对象是几日

var d = new Date("12/21/2012  12:12:30");
var date = d.getDate()
console.log("对象d是多少日:", date);

在这里插入图片描述

getDay()

  • 获取当前日期对象是周几
  • 会返回一个0-6的值
    • 0表示周日
    • 1表示周一
    • 2表示周二
    • 3表示周三
    • .......
var d = new Date("12/21/2012  12:12:30");
var date = d.getDay()
console.log("对象d是星期几:", date);

在这里插入图片描述

getMonth()

  • 获取当前时间对象的月份
  • 会返回一个0-11的值(通常会在后面加1来表示中国常用的月份)
    • 0表示1月
    • 1表示2月
    • ........
    • 11表示12月
var d = new Date("12/21/2012  12:12:30");
var date = d.getMonth()
console.log("当前时间对象的月份是:", date);//返回0-11的数 11代表12月

在这里插入图片描述

getFullYear()

  • 获取当前日期对象的年份
  • 已经被这个方法代替
var d = new Date("12/21/2012  12:12:30");
var date = d.getFullYear()
console.log("当前时间对象的年:", date);

在这里插入图片描述

getHours()

  • 获取当前日期对象的小时数
  • 返回(0~23)的值

getMinutes()

  • 获取当前日期对象的分钟数
  • 返回(0~59)的值

getSeconds()

  • 获取当前日期对象的秒数
  • 返回(0~59)的值

getMilliseconds()

  • 获取当前日期对象的毫秒数
  • 返回(0~999)的值

getTime()

  • 获取当前时间日期的时间戳
  • 时间戳,指的是从格林威治标准时间的1970年1年1月1日,0时0分0秒 到当前对象日期所花费的毫秒数(1秒 = 1000毫秒)
  • 计算机底层在保存时间时使用都是时间戳
  • 可以通过(time/1000/60/60/24/365)方式来进行转换到当前对象时间
var d = new Date("12/21/2012  11:10:30");
var date = d.getTime()
console.log("当前时间对象的年:", date);

在这里插入图片描述

Date.now()

  • 获取当前那一刻的时间戳
  • 利用时间戳可以来测试代码的执行的性能
var start = Date.now();
for (let i = 0; i < 100; i++)
{
    console.log(i);
}
var end = Date.now();
console.log("语句执行了:"+(end - start)+"毫秒");

在这里插入图片描述

toDateString()

  • 将日期转为字符

toLocaleDateString()

  • 将日期转换为本地日期格式的字符串

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

相关文章

  • js使弹层下面的body禁止滚动

    js使弹层下面的body禁止滚动

    这篇文章介绍了js使弹层下面body禁止滚动的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • 微信小程序实现获取自己所处位置的经纬度坐标功能示例

    微信小程序实现获取自己所处位置的经纬度坐标功能示例

    这篇文章主要介绍了微信小程序实现获取自己所处位置的经纬度坐标功能,涉及微信小程序地图功能获取经纬度信息的相关操作技巧,需要的朋友可以参考下
    2017-11-11
  • JavaScript利用键盘码控制div移动

    JavaScript利用键盘码控制div移动

    这篇文章主要为大家详细介绍了JavaScript利用键盘码控制div移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 异步javascript的原理和实现技巧介绍

    异步javascript的原理和实现技巧介绍

    因为工作的需要,我要在网页端编写一段脚本,把数据通过网页批量提交到系统中去。所以我就想到了Greasemonkey插件,于是就开始动手写,发现问题解决得很顺利
    2012-11-11
  • 利用JavaScript实现3D可旋转粒子矩阵效果

    利用JavaScript实现3D可旋转粒子矩阵效果

    dat.gui.js是一个一个轻量级的图形用户界面库,或者说GUI组件,只有几十KB,可以用于创建操作控制三维场景的菜单栏等。本文将利用dat.gui.min.js实现3D可旋转粒子矩阵效果,感兴趣的可以了解一下
    2022-06-06
  • 跨域解决之JSONP和CORS的详细介绍

    跨域解决之JSONP和CORS的详细介绍

    跨域常见的两种方式,分别是jsonp和cors,这篇文章主要介绍了跨域解决之JSONP和CORS的详细介绍,非常具有实用价值,需要的朋友可以参考下
    2018-11-11
  • js格式化输入框内金额、银行卡号

    js格式化输入框内金额、银行卡号

    这篇文章主要介绍了js格式化输入框内金额、银行卡号,采用“keyup”事件处理格式化,每4位数一组中间空格隔开,如何格式化输入框内金额、银行卡号,需要了解的朋友可以参考一下
    2016-02-02
  • javascript 弹出的窗口返回值给父窗口具体实现

    javascript 弹出的窗口返回值给父窗口具体实现

    这篇文章主要介绍了javascript 弹出的窗口返回值给父窗口具体实现,有需要的朋友可以参考一下
    2013-11-11
  • window.onload绑定多个事件的两种解决方案

    window.onload绑定多个事件的两种解决方案

    这篇文章主要介绍了window.onload绑定多个事件的两种解决方案的相关资料,需要的朋友可以参考下
    2016-05-05
  • 理解Javascript_03_javascript全局观

    理解Javascript_03_javascript全局观

    今天让我们站在语言的高度来看一下Javascript都有点什么。因为是全局性的俯瞰,所以不针对细节作详细的讲解。
    2010-10-10

最新评论