快速记住Date的使用方法

最新推荐文章于 2023-06-14 21:45:11 发布
最新推荐文章于 2023-06-14 21:45:11 发布
阅读量756 收藏 1
点赞数 1
分类专栏： JS 文章标签： Date Hours js时间转换 Month FullYear
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44388087/article/details/102859485
版权

在这里插入图片描述
如何获取时间日期的毫秒，之前的文因为章学过，就不在这里描述了，有不知道的
请看这个篇文章《+new Date()》
只要记住3句话，快速记住Date类型的方法
1. 8个单位

FullYear // 年份
Month    // 月份
Date     // 天数
Day      // 星期几
Hours    // 小时
Minutes  // 分钟数
Seconds  // 秒数
Milliseconds // 毫秒数

2.每个单位都有一对get和set方法
date.getXXX() 获得当前单位上的数值。
date.setXXX(值)修改当前单位的值。

特例：Day没有set方法（因为星期不能修改）

3.get的返回值和set取值的范围

FullYear // 年份  				（四位数字的年份）
Month    // 月份 				（0~11，0表示一月，11表示十二月）
Date     // 天数    				（1~31，跟正常时间相对应）
Day      // 星期几				（0~6， 0表示星期日，6表示星期六）
Hours    // 小时					（0~23，跟正常的时间小时对应）
Minutes  // 分钟数				（0~59，跟正常的分钟相对应）
Seconds  // 秒数					（0~59，跟正常的秒数相对应）
Milliseconds // 毫秒数			（0~1000，1000毫秒等于1秒）

下面附上一段小demo。获取当前时间的毫秒数，转成自己的格式显示在页面上。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<span id=dq_date>现在时间:</span>
<script type="text/javascript">
	function format() {
		var date = new Date();
		var dq_date = document.getElementById("dq_date")
		var y = date.getFullYear();
		var M = date.getMonth()+1;
		M < 10 && (M = "0" + M);
		var d = date.getDate();
		d < 10 && (d = "0" + d);
		var day = date.getDay();
		var week = ["日", "一", "二", "三", "四", "五", "六"]
			day = week[day];
		var h = date.getHours();
		var am = h > 12 ? "下午" : "上午";
		h > 12 && (h-=12);
		h < 10 && (h = "0" + h);
		var m = date.getMinutes();
		m < 10 && "0" + m;
		var s = date.getSeconds();
		s < 10 && "0" + s;
		dq_date.innerHTML = y + "年" + M + "月" + d + "日" + "星期" + day + " " + am + " " + h + " : " + m + ":" + s;
	};
	format();
	setInterval(format,1000);
</script>
</body>
</html>

效果图如下：
在这里插入图片描述

快乐的前端小菜鸟
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript的Date()方法使用详解
10-24
主要介绍了JavaScript的Date()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
Date的各种使用方法
weixin_43627806的博客
05-06 7270
Date对象方法： 首先得先创建一个时间对象 new Date() get系列： getDate（） 返回一个月中的某一天（1-31） getDay（） 　　 返回一周中的某一天（0-6） getFullYear（）　　返回四位数的年份 getMonth（）　　　返回月份（0-11 0是一月） getHours（）　　　返回的是当前的小时（0...
Date的方法以及使用
weixin_43364171的博客
12-24 427
date的用法 date类 date类表示特定的瞬间 时间单位是毫秒 (计算机的元年1970.1.1 0时0点0分)   时间和日期 java.util.data 所在的包   我们现在用的时间都是以1970.1.1为时间的参照单位   显示当前的日期 创建一个时间对象\ Date d = new Date(); system.out.println(d); 打印出来就是...
javascript (日期)Date对象的一些使用和方法
weixin_45441470的博客
03-22 4301
一.从时间日期对象中获取具体的时间 // 从时间日期对象中获取具体的时间 var date = new Date() console.log(date); // 获取年份 - 对象.getFullYear() var year = date.getFullYear() console.log(year); // 获取月份 - 对象.getMonth() - 在对象中，使用0~11来描述1~12月 var month = date.getMonth() + 1 // 因为获取到的月份会比实际月份小1，所以
关于Date操作的方法大全(50个)
过期罐头
07-28 1381
关于Date操作的方法，基本上涵盖了所有平时需要的操作，可以在项目中直接创建一个DateUtil的公共类，把下面代码全部复制。package cn.utec.server;import java.sql.Timestamp; import java.text.DateFormat; import java.text.ParseException; import java.text.ParsePosi
fast-memoize-decorator:一个TypeScript装饰器，用于使用快速记忆功能来记住属性
05-16
快速记忆装饰器一个TypeScript装饰器，用于使用来记住属性。安装$ npm i @typescript-plus/fast-memoize-decorator --save用法 import { Memoize } from '@typescript-plus/fast-memoize-decorator' ;class Tomorrow...
Log4Net快速使用说明
09-04
以下是对Log4Net快速使用的详细介绍： 首先，要使用Log4Net，你需要在你的项目中引入`log4net.dll`组件。这可以通过NuGet包管理器来完成，或者手动将dll文件添加到项目的引用中。 然后，配置文件是Log4Net工作的...
excel常用函数使用手册
05-16
7. **INDEX和MATCH函数组合**：一种更灵活的查找方法，可以实现多条件查找，而且比VLOOKUP和HLOOKUP更为强大。 8. **COUNTIF和COUNTIFS函数**：根据特定条件统计单元格数量。COUNTIF用于单条件，COUNTIFS则支持多个...
Bootstrap 实现查询的完美方法
09-01
<input type="date" class="form-control" id="startDate" name="startDate"> 搜索 ``` 在这个例子中，我们使用了Bootstrap的`form-inline`类使表单元素在一行内显示，`form-control`类则提供了标准的输入框...
60秒内快速搭建完整zabbix3.41
08-03
本文将详细介绍如何在CentOS 7.4操作系统上，使用MySQL的分支MariaDB，在60秒内快速搭建Zabbix 3.4.6监控系统。 一、准备工作 1. 操作系统：CentOS 7.4 2. Zabbix 版本：3.4.6 3. 数据库：MariaDB 在开始安装前，...
Linux命令date如何使用,linux命令之date使用（转载）
weixin_39644139的博客
05-28 151
名称 : date使用权限 : 所有使用者使用方式 :date [-u] [-d datestr] [-s datestr] [--utc] [--universal] [--date=datestr] [--set=datestr] [--help] [--version] [+FORMAT] [MMDDhhmm[[CC]YY][.ss]]说明 :date 可以用来显示或设定系统的日期与时间，在...
date命令的使用
李智胜的专栏
12-31 3045
date命令很常用了，昨天见有个网友问怎么得到上月1号的字符串和上月31号的字符串很自然就想到了用date +"%F-%m-1" -d -1monthdate +%F -d "`date +"%F-%m-1"`-1day"来处理。随后网友发现了问题，当3月31号时运行得到的结果是不正确的仔细一看，原来-1month不一定得到上个月的月份，如果今天是12月31号，那么-1mo
Date()常用方法
行走在前端的小菜仔的博客
10-24 6053
var date = new Date(); date.getYear(); //获取年份(2位) date.getFullYear(); //获取完整的年份(4位,1970-) date.getMonth(); //获取月份(0-11,0代表1月，所以在显示当前时间的时候需要date.getMonth() + 1） date.getDate(); //获取日(1-31) date.getDay(); //获取星期?(0-6,0代表星期
JS的Date()的使用
m0_67198021的博客
07-26 5600
Date()日期对象是一个构造函数必须使用new来调用创建我们的日期对象。
js Date（日期）对象操作 getHours()
qq_33650655的博客
06-12 4455
作用：返回时间的小时字段。 语法：dateObject.getHours() 返回：返回值是 0 （午夜） 到 23 （晚上 11 点）之间的一个整数。dateObject 的小时字段，以本地时间显示。 提示： 由 getHours() 返回的值 是一个两位的数字。 不过返回值不总是两位的，如果该值小于 10，则仅返回一位数字。该方法总是结合一个 Date 对象来使用。 var d =...
date非常规用法总结
shao.bing的专栏
01-04 4741
以下讨论的内容主要涉及到3个方面： 1. 数字域的填充用法 2. 相对日期的获得 3. 时间戳和日期的互相转换 1. 数字域的填充： 默认情况下，在显示日期和时间时，date命令使用数字0填充数字域。例如，如果用两位数字显示月份，则6月显示为“06”，如下所示： $ date +%m 06 当然，一切皆有变通，你可以用下述控制符来控制填充符号： 短线(-):
Java中Date时间类的使用
最新发布
LiuQQ567的博客
06-14 1万+
Date 类表示系统特定的时间戳，可以精确到毫秒。Date 对象表示时间的默认顺序是星期、月、日、小时、分、秒、年。Date(long date)：此种形式表示从 GMT 时间（格林尼治时间）1970 年 1 月 1 日 0 时 0 分 0 秒开 始经过参数 date 指定的毫秒数。
Date类的常用方法
weixin_43934912的博客
08-14 1337
一、Date类 构造方法 Date() 分配 Date 对象并初始化此对象，以表示分配它的时间（精确到毫秒）。 Date(long date) 分配 Date 对象并初始化此对象，以表示自从标准基准时间（称为“历元（epoch）”，即 1970 年 1 月 1 日 00:00:00 GMT）以来的指定毫秒数。例：Date date1=new Date(10000000000L); 指历元后的1...
Linux date使用方法
05-25
Linux的date命令用于显示和设置系统的日期和时间。下面是一些基本的用法示例： 1. 显示当前日期和时间 ``` date ``` 2. 显示当前日期 ``` date +%Y-%m-%d ``` 3. 显示当前时间 ``` date +%H:%M:%S ``` 4. 显示当前日期和时间，以指定格式展示 ``` date +"%Y-%m-%d %H:%M:%S" ``` 5. 设置日期和时间 ``` sudo date --set="2022-01-01 12:00:00" ``` 6. 显示本地时间和UTC时间的时间差 ``` date -R ``` 以上是一些常见用法，你可以通过`man date`命令查看更多详细的用法说明。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值