JavaScript Date

本文涉及的产品
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
简介: 【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);
目录
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
65 2
|
6月前
|
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对象
|
8月前
|
移动开发 JavaScript 前端开发
技术经验分享:JavaScript实现Date()——日期格式化的三种常用方法
技术经验分享:JavaScript实现Date()——日期格式化的三种常用方法
42 0
|
9月前
|
JavaScript 前端开发
js用Date对象处理时间
以上就是JavaScript中Date对象处理时间的一些基本方法。
103 6
|
9月前
|
前端开发 JavaScript
前端 js 经典:Date
前端 js 经典:Date
61 2
|
9月前
|
JavaScript 前端开发
js的date对象有什么用
js的date对象有什么用
61 7
|
9月前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
247 0
|
JavaScript
JS Date配置日期格式化
JS Date配置日期格式化
|
9月前
|
JavaScript 前端开发
[ Typescript 手册] JavaScript `Date` 在 Typescript 中的接口
[ Typescript 手册] JavaScript `Date` 在 Typescript 中的接口
115 1
|
9月前
|
JavaScript Unix 索引
2022年11月21日13:32:00——T5——JS对象与Date日期函数
2022年11月21日13:32:00——T5——JS对象与Date日期函数
73 0

热门文章

最新文章

  • 1
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    23
  • 2
    Node.js 中实现多任务下载的并发控制策略
    32
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    25
  • 4
    【JavaScript】深入理解 let、var 和 const
    48
  • 5
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    44
  • 6
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    53
  • 7
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    55
  • 8
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    71
  • 9
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55
  • 10
    JavaWeb JavaScript ③ JS的流程控制和函数
    62