JavaScript Date

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 【10月更文挑战第06天】

JavaScript Date 对象

JavaScript中的 Date 对象允许您处理日期和时间。它提供了日期的创建、格式化、解析和计算功能。

创建日期对象

使用 new Date() 创建日期对象

// 创建当前日期和时间的日期对象
let now = new Date();

// 创建指定日期和时间的日期对象
let birthday = new Date('December 17, 1992 03:24:00');

使用日期和时间组件创建

// 创建日期对象
let date = new Date(1992, 11, 17); // 注意月份是从0开始的,所以11代表12月

日期和时间的方法

获取日期和时间的各个部分

  • getFullYear():获取年份(4位)
  • getMonth():获取月份(0-11)
  • getDate():获取月份中的天
  • getDay():获取星期中的天(0-6)
  • getHours():获取小时(24小时制)
  • getMinutes():获取分钟
  • getSeconds():获取秒
  • getMilliseconds():获取毫秒
let today = new Date();
console.log("Year: " + today.getFullYear());
console.log("Month: " + today.getMonth() + 1); // 月份从0开始,所以加1
console.log("Day: " + today.getDate());
console.log("Hour: " + today.getHours());
console.log("Minute: " + today.getMinutes());
console.log("Second: " + today.getSeconds());
console.log("Millisecond: " + today.getMilliseconds());

设置日期和时间的各个部分

  • setFullYear()
  • setMonth()
  • setDate()
  • setHours()
  • setMinutes()
  • setSeconds()
  • setMilliseconds()
let newYear = new Date();
newYear.setFullYear(2030);
newYear.setMonth(4); // 设置为5月
newYear.setDate(25);
console.log("New Year: " + newYear);

日期对象的 UTC 方法

UTC方法与本地时间方法类似,但返回的是世界时(UTC)。

  • getUTCFullYear()
  • getUTCMonth()
  • getUTCDate()
  • getUTCDay()
  • getUTCHours()
  • getUTCMinutes()
  • getUTCSeconds()
  • getUTCMilliseconds()
let utcDate = new Date();
console.log("UTC Year: " + utcDate.getUTCFullYear());
console.log("UTC Month: " + utcDate.getUTCMonth());
console.log("UTC Day: " + utcDate.getUTCDate());

日期格式化

尽管 JavaScript 的 Date 对象没有内置的格式化方法,但您可以使用以下方法自定义日期格式:

let date = new Date();

function formatAMPM(date) {
   
  let hours = date.getHours();
  let minutes = date.getMinutes();
  let ampm = hours >= 12 ? 'PM' : 'AM';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0'+minutes : minutes;
  return hours + ':' + minutes + ' ' + ampm;
}

let formattedDate = formatAMPM(date);
console.log(formattedDate);

解析日期字符串

使用 Date.parse() 方法解析符合格式的日期字符串,并返回自1970年1月1日以来的毫秒数。

let date = Date.parse("Dec 25, 1995 23:15:30 GMT");
console.log(date);

使用 new Date() 构造函数也可以解析日期字符串。

let date = new Date("Dec 25, 1995 23:15:30 GMT");
console.log(date);
目录
相关文章
|
2月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
48 2
|
4月前
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
6月前
|
移动开发 JavaScript 前端开发
技术经验分享:JavaScript实现Date()——日期格式化的三种常用方法
技术经验分享:JavaScript实现Date()——日期格式化的三种常用方法
34 0
|
7月前
|
JavaScript 前端开发
js用Date对象处理时间
以上就是JavaScript中Date对象处理时间的一些基本方法。
95 6
|
7月前
|
前端开发 JavaScript
前端 js 经典:Date
前端 js 经典:Date
52 2
|
7月前
|
JavaScript 前端开发
js的date对象有什么用
js的date对象有什么用
52 7
|
7月前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
213 0
|
JavaScript
JS Date配置日期格式化
JS Date配置日期格式化
|
7月前
|
JavaScript 前端开发
[ Typescript 手册] JavaScript `Date` 在 Typescript 中的接口
[ Typescript 手册] JavaScript `Date` 在 Typescript 中的接口
104 1
|
7月前
|
JavaScript Unix 索引
2022年11月21日13:32:00——T5——JS对象与Date日期函数
2022年11月21日13:32:00——T5——JS对象与Date日期函数
61 0