时间日期

JavaScript中的日期格式和方法免费看

创建日期、日期的比较、时间日期常用方法

2020-06-13侠课岛    基础入门       

前端/前端必修/JavaScript 基础知识梳理 17     0     613

JavaScript 中有四种日期输入格式,分别是:

  • ISO日期:例如 "2020-04-02" (国际标准),遵守 JavaScript 中的严格标准。
  • 短日期:例如 "04/02/2020" 或者 "2020/04/02"。
  • 长日期:例如 "Thu 02 2020" 或者 "02 Thu 2020"。
  • 完整日期:例如 "Monday February 25 2020"。

创建日期

在 JavaScript 中,我们可以使用 Date 对象来处理日期和时间。

Date 对象可以通过 new 关键词来定义,下面是初始化日期的方法:

new Date()
new Date(milliseconds) 
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

其中参数都是可选的,不指定的时候参数默认为 0。

示例:

获取今天的日期和时间:

var today = new Date();
console.log(today);

// 输出:Wed Apr 01 2020 18:17:32 GMT+0800 (中国标准时间)

我们还可以直接通过 getDate() 函数以数值返回天,然后在返回的数值上加上天数,这样可以用于日期设置。

例如将日期设置为10天后:

var d = new Date();
console.log(d);   // Thu Apr 02 2020 13:44:23 GMT+0800 (中国标准时间)

d.setDate(d.getDate() + 10);
console.log(d);  // Sun Apr 12 2020 13:44:23 GMT+0800 (中国标准时间)

日期的比较

有时候我们会需要比较两个日期,Date 对象也可以用于比较两个日期。

示例:

例如我们将今天和 2020年5月10 号比较:

// 获取日期,并输出
var d1 = new Date();
console.log(d1);  

// 设置一个具体时间
var d2 = new Date();
d2.setFullYear(2020, 5, 10);
console.log(d2);  

if(d1 < d2){
    console.log("还没到2020年5月10号呢");
}

输出:

Thu Apr 02 2020 13:56:50 GMT+0800 (中国标准时间)
Wed Jun 10 2020 13:56:50 GMT+0800 (中国标准时间)
还没到2020年5月10号呢

首先我们通过 new Date() 获取今天的日期,然后通过 setFullYear 函数设置一个具体时间,也就是“ 2020年5月10 号”,将两个日期进行对比。

时间日期常用方法

  • getDate():以数值返回天。
// 今天是4月2号
var d = new Date();
console.log(d.getDate());  // 2
  • getFullYear(): 获取年份。
var d = new Date();
console.log(d.getFullYear());  // 2020
  • getTime():返回从 1970 年 1 月 1 日至今的毫秒数。
var d = new Date();
console.log(d.getTime());  // 1585736618371
  • setFullYear():如何使用 setFullYear() 设置具体的日期。
var d = new Date();
d.setFullYear(2020);
console.log(d);  
// Thu Apr 02 2020 13:26:18 GMT+0800 (中国标准时间)
  • getDay():可返回表示星期的某一天的数字。
// 今天是星期四
var d = new Date();
console.log(d.getDate());  // 4    
  • toUTCString():用于将当日的日期(根据 UTC)转换为字符串。
console.log(d.toUTCString());  
// Thu, 02 Apr 2020 05:38:31 GMT

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

17

本课评分:
  •     非常好
难易程度:
  •     适中的

内容目录


本文索引


|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?