专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

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获取当前时间的方法

以上就是本章全部内容。

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


IT问答
小编:小易整编
相关文章相关阅读
  • 总结CreateJS的详细介绍

    总结CreateJS的详细介绍

    CreateJS库是一款HTML5游戏开发的引擎,是一套可以构建丰富交互体验的HTML5游戏的开源工具包,旨在降低HTML5项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验。掌握了CreateJS可以更方便的完成HTM...

  • jsp文件怎么创建

    jsp文件怎么创建

    创建jsp文件的步骤:1、安装和配置java开发环境;2、安装和配置web服务器;3、创建jsp文件;4、编写jsp代码;5、部署和运行应用程序;6、调试和测试。详细介绍:1、安装和配置java开发环境,首先需要在计算机上安装jdk,可以从...

  • JS怎么获取当前时间戳

    JS怎么获取当前时间戳

    js获取当前时间戳,可以通过date.now()方法来实现,返回自1970年1月1日00:00:00utc以来经过的毫秒数也就是当前时间戳。下面我们就结合具体的代码示例,给大家介绍JS怎么获取当前时间戳。代码示例如下:...

  • nodejs 解决413错误

    nodejs 解决413错误

    在使用node.js开发web应用程序时,你可能会遇到处理大文件上传的情况。然而,当上传的文件太大时,可能会遇到http413请求实体过大的错误。这是因为默认情况下,node.js对请求体大小的限制为100kb。当请求实体大小...

  • javascript中如何获取当前时间

    javascript中如何获取当前时间

    在javascript中,可以使用date对象中的date()方法来获取当前时间,该方法可返回当天的日期和时间;也可以使用“newdate()”创建一个时间对象,利用内置的时间读取方法,分别获取年、月、日、时、分、秒等信息。本教程操作环境...

  • ae时间重映射怎么用?

    ae时间重映射怎么用?

    ae时间重映射怎么用?使用步骤:1、先导入视频材料,并建立系列。2、便能生成的时间轴,可以通过节目监视器面板预览该视频。3、接着在时间轴界面选中视频系列,然后才能显示效果控件面板,此时节目监视器也一并选中。4、在效果控件界面中选择“时间重映...

  • js手机号码正则表达式

    js手机号码正则表达式

    正则表达式(regularexpression)是一个描述字符模式的对象。使用javascript正则表达式可以进行强大的模式匹配和文本检索与替换功能。手机号码正则表达式验证。functioncheckPhone(){var...

  • JSF和JavaScript有什么区别

    JSF和JavaScript有什么区别

    区别:jsf是一种用于构建web应用程序的java框架,提供了一种以组件为中心来开发javaweb用户界面的方法,从而简化了开发。而javascript是一种解释型的脚本语言,被广泛用于web应用开发,常用来为网页添加各式各样的动态功能。...

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

精彩推荐