专业汉语词典知识平台,分享汉字词语知识、历史文学知识解答!

励北网
励北网

js获取当前时间的方法

来源:小易整编  作者:小易  发布时间:2022-12-28 10:36
摘要:js获取当前时间的方法。在前端开发过程中,有时候会需要获取当前时间和已知时间做对比的需求,也有单纯的获取当前时间然后传给后台,还有各种需要把获取到的当前时间转化成特定的时间格式传给后台,这虽然不是一个复杂的操作,但是不同的产品需求不一样,有...
js获取当前时间的方法。在前端开发过程中,有时候会需要获取当前时间和已知时间做对比的需求,也有单纯的获取当前时间然后传给后台,还有各种需要把获取到的当前时间转化成特定的时间格式传给后台,这虽然不是一个复杂的操作,但是不同的产品需求不一样,有时候还需要转时区。总之,就是各种稀奇古怪的需求,那么本篇博文就来分享一下关于在前端开发过程中获取当前时间或者日期相关的各种操作。
首先来了解一下获取当前日期和时间的原理:JS通过Date对象来获取当前日期和时间,通过使用Date()方法来获取系统当前时间,定义和用法如下所示:
1、语法

Date()

2、用法
eg:获取并输出当前的日期和时间,如下所示:

<script type="text/javascript">[xss_clean](Date())</script>

具体的一些获取时间不同类型的方法如下所示:

var date = new Date(); //Date() 方法可返回当天的日期和时间date.getYear(); //获取当前年份date.getFullYear(); //获取完整的年份(4位,1970-xxxx)date.getMonth(); //获取当前月份(0-11,0代表1月,11代表12月)date.getDate(); //获取当前日期对象是几号(1-31)date.getDay(); //获取当前星期X(0-6,0代表星期天)date.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)date.getHours(); //获取当前小时数(0-23)date.getMinutes(); //获取当前分钟数(0-59)date.getSeconds(); //获取当前秒数(0-59)date.getMilliseconds(); //获取当前毫秒数(0-999)date.toLocaleDateString(); //获取当前日期var myDate=date.toLocaleTimeString(); //获取当前时间(eg: 上午 10:31:52)var myDate2=date.toTimeString(); //获取当前时间(eg: 10:31:52 GMT+0800(中国))date.toLocaleString( ); //获取日期与时间date.toLocaleDateString(); //2021/3/26date.toDateString(); //Thu Mar 26 2021getTime() //获取当前日期对象的时间戳(方法一)date.valueof() //获取当前日期对象的时间戳(方法二)Data.now() //获取当前日期对象的时间戳(方法三)

具体实际案例如下所示:
步骤一:创建一个公用的获取年月日的方法

//取年月日function getDateByType(type) {  var date = new Date();  var myyear = date.getFullYear();  var mymonth = date.getMonth() + 1;  var myweekday = date.getDate();  if (mymonth < 10) {    mymonth = '0' + mymonth;  }  if (myweekday < 10) {    myweekday = '0' + myweekday;  }  if (type === "year") {    return myyear;  } else if (type === "month") {    return myyear + '-' + mymonth;  }  return myyear + '-' + mymonth + '-' + myweekday;}

js获取当前时间的方法

步骤二:直接在需要获取年月日的地方调用步骤一的方法即可
1、使用场景一:

created() {    this.year = this.getDateByType('year').toString();  //获取当前年份  },

js获取当前时间的方法

2、使用场景二:

<div class="x-footer">      <div class="x-footer-l">      </div>      <div class="x-footer-r">        某某科技公司{{getDateByType}}版权所有      </div>    </div>  data(){      return {        getYear: this.getDateByType('year').toString(),      }    },

js获取当前时间的方法

以上就是本章全部内容。

本文地址:百科问答频道 https://www.neebe.cn/wenda/886407.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


百科问答
小编:小易整编
相关文章相关阅读
  • 怎么设置iPhone手机自动锁定时间

    怎么设置iPhone手机自动锁定时间

    现在有很多人在使用iPhone手机,有些新用户不知道怎么设置自动锁定时间,接下来小编就给大家介绍一下具体的操作步骤。具体如下:1.首先第一步根据下图箭头所指,找到并点击【设置】图标。2.第二步进入【设置】页面后,根据下图箭头所指,点击【...

  • 手机锁屏状态下如何设置显示日期时间

    手机锁屏状态下如何设置显示日期时间

    今天给大家介绍一下手机锁屏状态下如何设置显示日期时间的具体操作步骤。1.打开手机,找到桌面上的设置图标,打开2.在打开的设置页面,找到桌面和壁纸选项,打开3.在打开的页面中,点击灭屏显示选项4.然后将灭屏显示右侧的开关打开5.我们...

  • 如何查看OPPO手机中的屏幕使用时间

    如何查看OPPO手机中的屏幕使用时间

    我们在使用OPPO手机的时候,想要查看屏幕的使用时间,该怎么操作呢?今天就跟大家介绍一下如何查看OPPO手机中的屏幕使用时间的具体操作步骤。1.解锁手机后,找到桌面上的设置图标,打开2.进入设置页面后,向下滑动,找到应用使用时间选项,打...

  • 使用时间是什么意思?

    使用时间是什么意思?

    使用时间是一个概念,也可以理解为一种管理手段,是指将有限的时间和精力分配到有效地完成某项任务中去,其中包括时间效率和协作能力。在这里,时间指的是特定任务所需要安排的可行时间,BOM文件中还可以提供多个时间框架来帮助统筹和调度项目。要有效...

  • Edius中的素材怎么设置时间重映射?

    Edius中的素材怎么设置时间重映射?

    时间重映射的实质就是用关键帧来控制素材的速度,很多朋友会问edius时间重映射在哪,怎么设置edius的时间重映射,今天小编就和大家一起来看看如何设置时间重映射。1、首先我们打开Edius软件,导入一段视频素材2、选择要设置时间重映射的素材...

  • 网络时间是什么意思?

    网络时间是什么意思?

    网络时间指的是使用互联网技术来同步计算设备时间的一种方式。在网络上,为了保证数据的准确性,需要对计算机的时间进行同步。网络时间主要分为两种:NTP时间和SNTP时间。NTP时间是网络时间协议(NetworkTimeProtocol)的...

  • 建立window的时间服务器(NTP)

    建立window的时间服务器(NTP)

    一、选择服务器基准时钟,可选择内部硬件时钟和外部NTP授时服务器。(首先要保证自己的时间准确)A.配置Windows时间服务以使用服务器内部硬件时钟(1)。单击"开始",单击"运行",键入regedi......

  • 系统时间是什么意思?

    系统时间是什么意思?

    系统时间(SystemTime)是指电脑系统中用来记录各种活动发生的具体时间,它也被称为计算机时间,是操作系统维护的一个提供统一时间服务的系统。它可以让计算机程序以更准确或更精确的时间来运行,保证了计算机系统中的程序都能同步发行,对很多...

  • 周排行
  • 月排行
  • 年排行

精彩推荐