7、表达日期和时间(前朝遗老Date)

目录

  • [1. 日期对象](#1. 日期对象)
    • [1.1 Date对象方法](#1.1 Date对象方法)
    • [1.2 示例](#1.2 示例)
  • 参考
  • 待了解

  Date对象现在被视为历史遗留,应当避免在新代码中使用,但是还得了解。

1. 日期对象

  JavaScript没有日期数据类型。但是,你可以使用Date对象及其方法以在你的应用程序里处理日期和时间。Date对象有大量方法用以设置、获取和操作日期。它没有任何属性。

  JavaScript处理日期的方式和Java类似。这两种语言有着许多相同的日期方法,并且都将日期存储为1970年1月1日午夜时分(UTC时间)以来的毫秒数,而Unix时间戳则表示从同一时刻开始至今的秒数。1970年1月1日午夜时分的这一时刻称为纪元。

  Date对象范围从相对于纪元的-100,000,000天起到100,000,000天为止。

  创建Date对象:

javascript 复制代码
const dateObjectName = new Date([parameters]);

  dateObjectName就是被创建的Date对象的名称;它可以是一个新对象,或是现有对象的一个属性。

  不使用new关键字调用Date会返回一个表示当前日期和时间的字符串。

  上述语法中的parameters可以是以下几种之一:

  不传参数:创建当前日期和时间。

  一个表示日期的字符串,可以用多种格式表达日期。具体格式因引擎不同而各异,但始终支持以下格式:YYYY-MM-DDTHH:mm:ss.sssZ。若省略小时、分钟或秒的具体数值,则对应值会被设置为0。

  一组表示年、月、日的整数。例如,xmas95 = new Date(1995, 11, 25)。

  一组表示年、月、日、时、分、秒的整数。例如,xmas95 = new Date(1995, 11, 25, 9, 30, 0)。

1.1 Date对象方法

  Date对象处理日期和时间的方法分为以下几类:

  set方法,用于设置Date对象中的日期和时间值。

  get方法,用于获取Date对象中的日期和时间值。

  to方法,用于返回Date对象中的字符串值。

  parse和UTC方法,用于解析Date字符串。

  你可以通过get和set方法以分别获取和设置秒、分钟、小时、月份第几天、星期几、月份和年份。其中getDay方法返回星期几,但没有对应的setDay方法,因为星期几是自动设置的。这些方法使用整数表示自身值,范围如下:

  秒和分钟:0到59。

  小时:0到23。

  星期:0(星期日)到6(星期六)

  日期:1到31

  年份:自1900年以来的年份

  例如,假设定义了一下日期:

javascript 复制代码
const xmas95 = new Date("1995-12-25");

  xmas95.getMonth()返回11,xmas95.getFullYear()返回1995。

  getTime和setTime方法在日期对比上非常有用。getTime方法返回Date对象自纪元以来的毫秒数。

  例如,以下代码展示了今年的剩余天数:

javascript 复制代码
const today = new Date();
const endYear = new Date(1995, 11, 31, 23, 59, 59, 999);
endYear.setFullYear(today.getFullYear());
const msPerDay = 24 * 60 * 60 * 1000;
let daysLeft = (endYear.getTime() - today.getTime()) / msPerDay;
daysLeft = Math.round(daysLeft);
javascript 复制代码
const ipoDate = new Date();
ipoDate.setTime(Date.parse("Aug 9, 1995"));
console.log(ipoDate);

1.2 示例

javascript 复制代码
function JSClock() {
	const time = new Date();
	const hour = time.getHours();
	const minute = time.getMinutes();
	const second = time.getSeconds();
	let temp = String(hour % 12);
	if (temp == "0") {
		temp = "12";
	}
	temp += (minute < 10 ? ":0" : ":") + minute;
	temp += (second < 10 ? ":0" : ":") + second;
	temp += hour >= 12 ? " P.M." : " A.M.";
	return temp;
}

console.log(JSClock());

参考

1、表达日期与时间

待了解

相关推荐
雪芽蓝域zzs1 小时前
第四十九节:TagsView 右键菜单(带三角箭头)给每个 tag 增加**鼠标右键菜单**(右键标签弹出:关闭、关闭其他、关闭全部)
前端·javascript·vue.js
এ慕ོ冬℘゜2 小时前
从零开发移动端医院挂号页面:适配、交互与前端实现详解
前端·javascript
宁渡AI大模型2 小时前
AI 全栈面试新趋势:Vibe Coding、前端、Java 后端高频面试题深度解析|河南宁渡科技有限公司编程教程
java·javascript·人工智能·python·ai大模型
东风微鸣2 小时前
AI依赖更新别裸奔🚨
javascript
研☆香2 小时前
echarts图表的使用方法
javascript
是立不是利4 小时前
大文件导致请求被拒的连锁反应
开发语言·前端·javascript
志尊宝4 小时前
Vue3 零基础每日笔记(026):emit 子传父——defineEmits 与事件校验
前端·javascript·html·vue3
ssshooter4 小时前
Node.js 天生就是异步的,为什么还要消息队列?
javascript·后端·面试
mONESY6 小时前
从 RAG 到 Agentic RAG:固定流程的五个毛病,和把它拆成一张图
javascript