草庐IT

整理 js 日期对象的详细功能，使用 js 日期对象获取具体日期、昨天、今天、明天、每月天数、时间戳等，以及常用的日期时间处理方法

实例详解前端功能开发 2023-03-28 原文

在 javascript 中内置了一个 Date 对象，可用于实现一些日期和时间的操作。

本文整理 js 日期对象的详细功能，使用 js 日期对象获取具体日期、昨天、今天、明天、每月天数、时间戳等，以及常用的日期时间处理方法。

在前端可以通过new Date()生成Date对象，如果没有传参数时，即获取本地当前日期和时间。不过这时候显示的内容并不是我们常见的日期格式，而是一个当前时区时间的描述文本，以下代码显示的效果如图所示：

  const date = new Date();
  console.log(date.toLocaleString());

 

 

new Date()可接受三种类型的参数

第一种是只传入一个number类型的参数，一般是时间戳的毫秒数，返回参数数字所处的时间，如下所示：

  const date = new Date(946684800000);
  console.log(date.toLocaleString());

第二种也只传入一个参数，参数类型是string，不过需要是正确的格式，如 "2010-10-10 10:10:10"，返回对应的时间：

  const date = new Date("2010-10-10 10:10:10");
  console.log(date.toLocaleString());
第三种是可以传入多个参数，总共可传7个 number 类型的参数，分别是年，月（0~11），日，小时，分钟，秒钟，毫秒。这种方式的每一个参数值没有规定范围，Date对象会自动帮我们算出对应的时间。 比如我们传入的月是12，那么生成的日期会自动修正为第二年的1月。如下所示：
  const date = new Date(2022,12,1,10,10,10,999);
  console.log(date.toLocaleString());
 
Date对象还提供了很多方法，根据需要实现的功能，在下面列出一些常用的方法。
一、获取时间戳
时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起到现在的总毫秒数。获取时间戳的方法挺多，常见的有如下几种：
最常用的 getTime 方法
  const date = new Date();
  console.log(date.getTime());
还有一种 Date.now() 方法，这是ECMAScript 5.1版本给Date对象增加的静态方法。Date.now的速度比getTime快一倍以上，应该是获取时间戳最快的方法。
console.log(Date.now());
valueOf方法是返回对象的原始值，在Date对象上也是返回时间戳，一般很少有人使用这个方法获取时间戳
  const date = new Date();
  console.log(date.valueOf());
最简单粗暴的方法，是直接把创建的Date对象转换为数字，+new Date()，不过性能更差一点
  const date = new Date();
  console.log(+date);

 

二、获取常用时间数据

Date对象可以分别获取到本地年、月、日、小时、分钟、秒钟、毫秒等数据，方法如下：
    date.getFullYear()：获取年
    date.getMonth()：获取月
    date.getDate()：获取日
    date.getDay()：获取一周的某一天(0~6)
    date.getHours()：获取小时
    date.getMinutes()：获取分钟
    date.getSeconds()：获取秒
    date.getMilliseconds()：获取毫秒
使用这些方法，可以灵活的显示日期时间格式，以下是一个格式化当前日期时间的函数：
  function formatDate(){
    // 创建日期对象
    const date = new Date();
    // 获取各日期/时间数据
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let DD = date.getDate();
    let hour = date.getHours();
    let minute = date.getMinutes();
    let second = date.getSeconds();
    let day = date.getDay();
    // 拼接日期时间为字符串
    let time = year + '年' + month + '月' + DD + '日 ' + hour + ':' + minute + ':' + second + ' 星期' + ['日','一','二','三','四','五','六',][day];
    return time
  }
  console.log(formatDate())

 

 三、设置日期时间

除了在创建Date对象时,通过参数获取到对应时间的Date对象，也可以设置Date对象的时间。
    date.setFullYear()：设置年，setFullYear()可以传3个参数，其中第2个和第3个是可选的，分别是要设置的年，月，日；
    date.setMonth()：设置月，预期值是 0~11，-1 将设置为上一年的最后一个月、12 将设置为明年的第一个月。setMonth()可以传2个参数，其中第2个是可选的，分别是要设置的月，日；
    date.setDate()：设置日,预期值是 1~31；0 会设置为上个月的最后一天、-1 将设置为上个月的最后一天的前一天、如果一个月有 31 天：32 将导致下个月的第一天；
    date.setHours()：设置小时(0~23)，setHours()可以传4个参数，其中第2、3、4个是可选的，分别是要设置的时，分，秒，毫秒；
    date.setMinutes()：设置分钟(0~59)，setMinutes()可以传3个参数，其中第2个和第3个是可选的，分别是要设置的分，秒，毫秒
    date.setSeconds()：设置秒(0~59)，setSeconds()可以传2个参数，其中第2个是可选的，分别是要设置的秒，毫秒
    date.setMilliseconds()：设置毫秒(0~59)
使用设置日期方法，可以实现一些获取指定日期时间的功能。
 
如果要获取2020年的当前时间，就可以使用 setFullYear() 方法轻松实现，如下所示：
  const date = new Date();
  date.setFullYear(2020)
  console.log(date.toLocaleString());

 

又如获取今年二月的最后一天（即当月的天数）：
  const date = new Date();
  date.setMonth(2,0);
  console.log(date.getDate());

 

再或者获取昨天和明天的日期：
  const date = new Date();
  date.setDate(date.getDate() + 1);
  console.log('明天是',date.toLocaleString());
  date.setDate(date.getDate() - 2);
  console.log('昨天是',date.toLocaleString());

 

在实际工作中，会经常需要获取到特定的日期。可以封装一个函数，用于获取当前日期的前n天或后n天
  function getSpecificDate(day){
    //计算出要加/减的毫秒数
    var num = 1000*60*60*24*day;
    var newDate = new Date(Date.now()+num);
    return newDate;
  }

  console.log('明天是',getSpecificDate(1).toLocaleString());
  console.log('后天是',getSpecificDate(2).toLocaleString());
  console.log('昨天是',getSpecificDate(-1).toLocaleString());

 

 还有一种很方便的，给Date的原型方法中加入format方法，这样在Date对象上可以直接使用format方法格式化所需要的日期。如下所示：

  Date.prototype.format = function(format){
    var o =  {
    "M+" : this.getMonth()+1, //month
    "d+" : this.getDate(), //day
    "h+" : this.getHours(), //hour
    "m+" : this.getMinutes(), //minute
    "s+" : this.getSeconds(), //second
    "q+" : Math.floor((this.getMonth()+3)/3), //quarter
    "S" : this.getMilliseconds() //millisecond
    };
    if(/(y+)/.test(format)){
      format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
    }
    for(var k in o)  {
      if(new RegExp("("+ k +")").test(format)){
      format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
      }
    }
    return format;
  };
  console.log(new Date().format('yyyy-MM-dd hh:mm:ss'))

 

注： 在国内一般的项目都只需要获取本地时间就足够了,如果涉及到国外的项目,就可能需要获取世界标准时间。获取世界标准时间的方法就是在获取本地时间的方法中加上UTC,如 getUTCDate
每月日期spancolorstyleJavaScript

有关整理 js 日期对象的详细功能，使用 js 日期对象获取具体日期、昨天、今天、明天、每月天数、时间戳等，以及常用的日期时间处理方法的更多相关文章

  1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  2. ruby-on-rails - 按天对 Mongoid 对象进行分组 - 2

    在控制台中反复尝试之后，我想到了这种方法，可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法，但它确实有效。有没有人有更好的建议，或者这是一个很好的方法？#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev

  3. ruby-on-rails - Rails 常用字符串(用于通知和错误信息等) - 2

    大约一年前，我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞，我可以在一个地方轻松完成，而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje

  4. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件？ - 2

    在选择我想要运行操作的频率时，唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案，但您可以安排它每天运行，并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/8692687/

  5. ruby-on-rails - 如何验证非模型(甚至非对象)字段 - 2

    我有一个表单，其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在？solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss

  6. Ruby 写入和读取对象到文件 - 2

    好的，所以我的目标是轻松地将一些数据保存到磁盘以备后用。您如何简单地写入然后读取一个对象？所以如果我有一个简单的类classCattr_accessor:a,:bdefinitialize(a,b)@a,@b=a,bendend所以如果我从中非常快地制作一个objobj=C.new("foo","bar")#justgaveitsomerandomvalues然后我可以把它变成一个kindaidstring=obj.to_s#whichreturns""我终于可以将此字符串打印到文件或其他内容中。我的问题是，我该如何再次将这个id变回一个对象？我知道我可以自己挑选信息并制作一个接受该信

  7. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

    如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

  8. ruby-on-rails - 未在 Ruby 中初始化的对象 - 2

    我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议？谢谢，马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单，因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法，但您没有调

  9. ruby-on-rails - date_field_tag，如何设置默认日期？ [ rails 上的 ruby ] - 2

    我想设置一个默认日期，例如实际日期，我该如何设置？还有如何在组合框中设置默认值顺便问一下，date_field_tag和date_field之间有什么区别？ 最佳答案 试试这个:将默认日期作为第二个参数传递。youcorrectlysetthedefaultvalueofcomboboxasshowninyourquestion. 关于ruby-on-rails-date_field_tag，如何设置默认日期？[rails上的ruby]，我们在StackOverflow上找到一个类似的问

  10. ruby - 如何在 Rails 4 中使用表单对象之前的验证回调？ - 2

    我有一个服务模型/表及其注册表。在表单中，我几乎拥有服务的所有字段，但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser

随机推荐