欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js如何获取当前时间的时间戳(前端如何获取当前日期)

程序员文章站 2022-06-04 08:58:46
在构建的应用程序的时候都会带有日期时间组件,无论是资源的创建日期还是活动的时间戳。在本文中,我将分享如何在javascript中以各种格式获取当前日期。1、javascript的date对象const...

在构建的应用程序的时候都会带有日期时间组件,无论是资源的创建日期还是活动的时间戳。在本文中,我将分享如何在javascript中以各种格式获取当前日期。

1、javascript的date对象

const date = new date();

该date对象包含一个number,表示从新纪元(即1970年1月1日)起经过的毫秒数。你可以将日期字符串传递给date构造函数以创建指定日期的对象:

const date = new date('jul 12 2011');

要获取当前年份,可以使用对象的getfullyear()方法。getfullyear()方法在date构造函数中返回指定日期的年份:

const currentyear = date.getfullyear();
console.log(currentyear); //2020

同样,有一些方法可以获取当月的当前日期和当前的月份:

const today = date.getdate();
const currentmonth = date.getmonth() + 1;

该getdate()方法返回每月的当前日期(1-31)。使用getmonth()方法返回指定日期的月份,需要注意的一点是,该方法返回0索引值(0-11),其中0表示一月,11表示十二月。因此,加1可以使月份的值标准化。

2、date now

now()是date对象的静态方法。它以毫秒为单位的值返回,该值表示从纪元以来所经过的时间。你可以将now()方法返回的毫秒数传递给date构造函数以实例化新date对象:

const timeelapsed = date.now();
const today = new date(timeelapsed);

3、格式化日期

你可以使用date对象的方法将日期格式化为多种格式(gmt,iso等)。该todatestring()方法以我们可读的格式返回日期:

today.todatestring(); // "sun jun 16 2020"

toisostring()返回遵循iso 8601扩展格式的日期:

today.toisostring(); // "2020-06-16t08:30:00.000z"

toutcstring()以utc时区格式返回日期:

today.toutcstring(); // "sat, 16 jun 2020 08:30:00 gmt"

tolocaledatestring()以地区区时的格式返回日期:

today.tolocaledatestring(); // "6/16/2020"

4、自定义日期格式器功能

除了上面提到的格式外,你的应用程序可能具有不同的数据格式。它可以是yy/dd/mm或yyyy-dd-mm格式,或者类似的格式。为了解决这个问题,最好创建一个可重用的函数,以便可以在多个项目中使用它。因此,接下来,让我们创建一个实用程序函数,该函数将以函数参数中指定的格式返回日期:

const today = new date();
function formatdate(date, format) {
    //
}
formatdate(today, 'mm/dd/yy');

你需要使用参数中传递格式字符串中的月份,日期和年份分别替换字符串“ mm”,“ dd”,“ yy”。然后,使用replace(),如下所示的方法:

format.replace('mm', date.getmonth() + 1);

但是,这将导致很多methods连接在一起,并且会让我们尝试把函数变得更灵活更适合我们的项目时产生麻烦:

  .replace('yy', date.getfullyear())
  .replace('dd', date.getdate());

然后可以使用正则表达式代替methods来连接methods replace()。首先创建一个对象,该对象将代表子字符串的键值对及其各自的值:

const formatmap = {
    mm: date.getmonth() + 1,
    dd: date.getdate(),
    yy: date.getfullyear().tostring().slice(-2),
    yyyy: date.getfullyear()
};

接下来,使用正则表达式匹配并替换字符串:

formatteddate = format.replace(/mm|dd|yy|yyy/gi, matched => map[matched]);

完整的功能及代码如下所示:

function formatdate(date, format) {
    const map = {
        mm: date.getmonth() + 1,
        dd: date.getdate(),
        yy: date.getfullyear().tostring().slice(-2),
        yyyy: date.getfullyear()
    }
 
    return format.replace(/mm|dd|yy|yyy/gi, matched => map[matched])
}

你还可以在函数中添加格式化时间戳的功能。

5、最后

你现在对datejavascript 中的对象有更好的了解。你也可以使用其他第三方库(例如datesj和)moment来处理应用程序中的日期。