您的当前位置:首页正文

javascript中神奇的Date对象(图文教程)

2023-11-30 来源:博科教育

日常生活中,各种形式的时间字符到处都是。时间观念的产生,时间单位、计时工具的发明,给人类带来的变化实在一言难尽。今天就来谈谈日期那些事儿。一起来看看 JavaScript 中的日期对象 Date。

Date 对象算是较常用的对象之一,但很多人完全不会操作,就算一些简单的操作也用 moment 而不自己尝试一下。

本次分享下 Date 中的 date 使用技巧,希望能给大家启发。

MDN官网介绍

setDate() 方法根据本地时间来指定一个日期对象的天数。

如果 dayValue 超出了月份的合理范围,setDate 将会相应地更新 Date 对象。

例如,如果为 dayValue 指定0,那么日期就会被设置为上个月的最后一天。

获取月份天数

Date 第三个参数的本质跟 setDate 是一样的。

因为 date 为 0 时自动退到上个月的最后一天,所以这里月份也不需要减,正好的。

获取所有月份天数

这个算是上面的延伸,不多解释。

是否是闰年

这是网上的代码,相信大多数人都用。

但其实你真的理解或者能记住么?

反正我不能。

这样看,是不是就非常简单容易理解了。

而且都不需要记,是不是想忘都忘不了?

天数加减操作

之前看到有人用相对秒数在计算几天前或几天后,甚至还在算跨月,跨年的情况。

其实直接 setDate 就好了,自动处理 跨月,跨年 的情况。

小结

虽然这些东西很基础,说方法名,可能大家都知道,但很多人却依然不会去使用。

就跟用 jq 却依然 for 循环处理结果一样。

这里只列举了部分例子,也许会有其他神奇的操作技巧等你去发现。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

JS callback回调函数使用案例详解

JS DOM元素常见增删改查操作详解

JS刷新页面方法总结

小编还为您整理了以下内容,可能对您也有帮助:

Js如何操作date对象

Date对象是JavaScript中的内置对象,可以用于处理日期和时间,包括天,月,年,小时,分钟,秒和毫秒。我们会使用new Date()创建日期对象,创建Date对象后,可以使用许多方法对其进行操作,本篇文章我们就来具体看看Date对象的使用方法。

我们先来使用new关键字来创建一个Date对象的实例

var my_date = new Date()var my_date = new Date(milliseconds);var my_date = new Date('date string');var my_date = new Date(year, month[, date, hour, minute, second, millisecond]);

创建Date对象的实例后,可以从“my_date”变量访问该对象的所有方法。

Date构造函数中可以指定以下参数

无参数:如果构造函数中未指定参数,则Date对象将设置为当前日期和时间。

Milliseconds:毫秒可以指定为数字参数。日期对象将通过从1970年1月1日中午开始添加指定的数字毫秒来计算日期和时间

Date string:字符串参数将被视为日期,并将使用Date.parse方法进行解析。

Date参数的日期包括以下七个参数:

year:表示日期年份的数值。

month:表示日期月份的数字值。从1月0开始到12月11日

date:表示日期的数字值(可选)

hour:表示一天中小时的数字值(可选)。

minute:表示分钟的数值(可选)。

second:表示秒的数字值(可选)

millisecond:表示毫秒的数值(可选)

我们来看具体示例

日期:

<html><body><script type="text/javascript">var d = new Date()document.write(d.getDate())document.write(".")document.write(d.getMonth() + 1)document.write(".")document.write(d.getFullYear())</script></body></html>

浏览器上将显示当前日期为:2019.1.30

时间:

<html><body><script type="text/javascript">var d = new Date()document.write(d.getHours())document.write(":")document.write(d.getMinutes() + 1)document.write(":")document.write(d.getSeconds())</script></body></html>

浏览器上显示当前时间为:14:40:43

还可以使用setDate,setHour等将日期或时间设置为日期对象。

本篇文章到这里就全部结束了,更多精彩内容大家可以关注Gxl网的其他相关栏目教程!!!

Js如何操作date对象

Date对象是JavaScript中的内置对象,可以用于处理日期和时间,包括天,月,年,小时,分钟,秒和毫秒。我们会使用new Date()创建日期对象,创建Date对象后,可以使用许多方法对其进行操作,本篇文章我们就来具体看看Date对象的使用方法。

我们先来使用new关键字来创建一个Date对象的实例

var my_date = new Date()var my_date = new Date(milliseconds);var my_date = new Date('date string');var my_date = new Date(year, month[, date, hour, minute, second, millisecond]);

创建Date对象的实例后,可以从“my_date”变量访问该对象的所有方法。

Date构造函数中可以指定以下参数

无参数:如果构造函数中未指定参数,则Date对象将设置为当前日期和时间。

Milliseconds:毫秒可以指定为数字参数。日期对象将通过从1970年1月1日中午开始添加指定的数字毫秒来计算日期和时间

Date string:字符串参数将被视为日期,并将使用Date.parse方法进行解析。

Date参数的日期包括以下七个参数:

year:表示日期年份的数值。

month:表示日期月份的数字值。从1月0开始到12月11日

date:表示日期的数字值(可选)

hour:表示一天中小时的数字值(可选)。

minute:表示分钟的数值(可选)。

second:表示秒的数字值(可选)

millisecond:表示毫秒的数值(可选)

我们来看具体示例

日期:

<html><body><script type="text/javascript">var d = new Date()document.write(d.getDate())document.write(".")document.write(d.getMonth() + 1)document.write(".")document.write(d.getFullYear())</script></body></html>

浏览器上将显示当前日期为:2019.1.30

时间:

<html><body><script type="text/javascript">var d = new Date()document.write(d.getHours())document.write(":")document.write(d.getMinutes() + 1)document.write(":")document.write(d.getSeconds())</script></body></html>

浏览器上显示当前时间为:14:40:43

还可以使用setDate,setHour等将日期或时间设置为日期对象。

本篇文章到这里就全部结束了,更多精彩内容大家可以关注Gxl网的其他相关栏目教程!!!

date对象有哪些方法获取当前日期?

可以获取当前日期。Date.now()是javascript中的内置函数,它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。

因为now()是Date对象的静态方法,所以它将始终用作date.now()。Date 对象的静态方法:Date.now()、 Date.parse()等。

说明:返回当前日期和时间的Date对象与“1970/01/01 00:00:00”之间的毫秒值(北京时间的时区为东8区,起点时间实际为:“1970/01/01 08:00:00”) 。

参数:无

返回值:

{int} :当前时间与起始时间之间的毫秒数。

示例:   console.log(Date.now());  // => 1419431519276

获取当前日期

<script>

var d = Date(Date.now())。

// 转换日期字符串中的毫秒数

a = d.toString()。

// 输出当前日期

document.write("当前日期是:" + a)。

</script>

输出:

当前日期是:Wed Jul 10 2019 11:53:04 GMT+0800 (中国标准时间)。

Date.parse(dateStr)说明:把字符串转换为Date对象 ,然后返回此Date对象与“1970/01/01 00:00:00”之间的毫秒值(北京时间的时区为东8区,起点时间实际为:“1970/01/01 08:00:00”)。

参数:

dateStr {string} :可转换为Date对象的字符串(可省略时间)。

字符串的格式主要有两种:1) yyyy/MM/dd HH:mm:ss (推荐):若省略时间,返回的Date对象的时间为 00:00:00。

2) yyyy-MM-dd HH:mm:ss :若省略时间,返回的Date对象的时间为 08:00:00(加上本地时区)。若不省略时间,此字符串在IE中返回NaN(非数字)!

返回值:

{int} 返回转换后的Date对象与起始时间之间的毫秒数。

示例:

1、console.log(Date.parse( '2014/12/25 12:00:00' ));  // => 1419480000000。

2  、console.log(Date.parse( '2014-12-25 12:00:00' ));  // => 1419480000000  (注意:此转换方式在IE中返回NaN!)。

Date对象

Date对象(日期对象)来实现对日期和时间的控制。

日期对象是对一个对象数据类型求值,该对象主要负责处理与日期和时间相关的数据信息。在使用Date对象前,首先要创建该对象。
语法:

下面以示例的形式来介绍如何创建日期对象。
例子1:返回当前的日期和时间。

例子2:用年、月、日(2008-2-2)来创建日期对象。

例子3:用年、月、日、小时、分钟、秒(2008-1-2 19:41:40)。

Date对象的属性包括constructor和prototype,它们与String对象中的属性语法相同。

例子:判断当前对象是否为日期对象。

例子:用自定义属性来记录当前日期是本周的周几。

因为西方是以周日为一星期的第一天即0,所以周二就应该是2

Date对象的Javascript的一种内部数据类型。该对象没有可以直接读写的属性,所有对日期和时间的操作都是通过方法完成的。

Date对象

Date对象(日期对象)来实现对日期和时间的控制。

日期对象是对一个对象数据类型求值,该对象主要负责处理与日期和时间相关的数据信息。在使用Date对象前,首先要创建该对象。
语法:

下面以示例的形式来介绍如何创建日期对象。
例子1:返回当前的日期和时间。

例子2:用年、月、日(2008-2-2)来创建日期对象。

例子3:用年、月、日、小时、分钟、秒(2008-1-2 19:41:40)。

Date对象的属性包括constructor和prototype,它们与String对象中的属性语法相同。

例子:判断当前对象是否为日期对象。

例子:用自定义属性来记录当前日期是本周的周几。

因为西方是以周日为一星期的第一天即0,所以周二就应该是2

Date对象的Javascript的一种内部数据类型。该对象没有可以直接读写的属性,所有对日期和时间的操作都是通过方法完成的。

js里的Date()支持什么样的日期格式?

Date
对象用于处理日期和时间。
创建
Date
对象的语法:
var
myDate=new
Date()
Date
对象会自动把当前日期和时间保存为其初始值。
参数形式有以下5种:
new
Date("month
dd,yyyy
hh:mm:ss");
new
Date("month
dd,yyyy");
new
Date(yyyy,mth,dd,hh,mm,ss);
new
Date(yyyy,mth,dd);
new
Date(ms);
注意最后一种形式,参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下:
month:用英文表示月份名称,从January到December
mth:用整数表示月份,从(1月)到11(12月)
dd:表示一个月中的第几天,从1到31
yyyy:四位数表示的年份
hh:小时数,从0(午夜)到23(晚11点)
mm:分钟数,从0到59的整数
ss:秒数,从0到59的整数
ms:毫秒数,为大于等于0的整数
如:
new
Date("January
12,2006
22:19:35");
new
Date("January
12,2006");
new
Date(2006,0,12,22,19,35);
new
Date(2006,0,12);
new
Date(1137075575000);

js里的Date()支持什么样的日期格式?

Date
对象用于处理日期和时间。
创建
Date
对象的语法:
var
myDate=new
Date()
Date
对象会自动把当前日期和时间保存为其初始值。
参数形式有以下5种:
new
Date("month
dd,yyyy
hh:mm:ss");
new
Date("month
dd,yyyy");
new
Date(yyyy,mth,dd,hh,mm,ss);
new
Date(yyyy,mth,dd);
new
Date(ms);
注意最后一种形式,参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下:
month:用英文表示月份名称,从January到December
mth:用整数表示月份,从(1月)到11(12月)
dd:表示一个月中的第几天,从1到31
yyyy:四位数表示的年份
hh:小时数,从0(午夜)到23(晚11点)
mm:分钟数,从0到59的整数
ss:秒数,从0到59的整数
ms:毫秒数,为大于等于0的整数
如:
new
Date("January
12,2006
22:19:35");
new
Date("January
12,2006");
new
Date(2006,0,12,22,19,35);
new
Date(2006,0,12);
new
Date(1137075575000);

5.2.3 JavaScript中Date(日期)对象的方法

5.2.3 JavaScript中Date(日期)对象的方法。

js new Date() 格式

方法一:

const getDate = ()=> {

var d=new Date();

var year=d.getFullYear();

var month=change(d.getMonth()+1);

var day=change(d.getDate());

var hour=change(d.getHours());

var minute=change(d.getMinutes());

var second=change(d.getSeconds());

function change(t){

if(t<10){

return "0"+t;

}else{

return t;

}

}

return year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;

}

方法二:

使用moment时间插件

1、引入方式:<script src="moment.js"></script>

或者使用包管理器npm,引用直接使用命令:npm install moment

2、引入之后,直接使用monent().format('yyyy-MM-dd HH:mm:ss')

博科教育还为您提供以下相关内容希望对您有帮助:

date对象有哪些方法获取当前日期?

可以获取当前日期。Date.now()是javascript中的内置函数,它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。因为now()是Date对象的静态方法,所以它将始终用作date.now()。Date 对象的静态方法:Date.now()、 Date....

Js如何操作date对象

//Date对象/* 1.new Date() 获取当前时间2.getFullYear() 获取年份3.getMonth() 获取月份 1月表示为0 实际月份比显示月份大14.getHours() 获取小时5.getDate() 获取日期6.getMinutes() 获取分钟7.getSeconds() ...

js如何获取某时间经过某个时间段

1. 首先,获取当前时间点的时间戳,使用 `Date.now()` 方法或者 `new Date().getTime()`方法均可。```javascript const startTime = Date.now(); // 获取当前时间的时间戳 ```2. 然后,定义需要增加的时间段,...

date是什么意思中文(解释日期的含义)

在日常生活中,我们经常需要使用日期来记录或者计算时间。日期是指某一天,通常由年、月、日组成。在计算机编程中,也需要使用日期来进行时间的计算和处理。而在JavaScript中,Date对象就是用来表示日期和时间的。创建Date对象 ...

date的对象是什么意思

在JavaScript中,Date对象提供了丰富的方法和属性,可以方便地操作和显示日期和时间。除了基本的日期和时间处理外,日期对象还可以进行一些扩展,例如,可以用日期对象表示某个事件发生的具体时间点,还可以通过与其他对象配合使用...

javascript Date(日期)对象

1. var today;// 这个是创建一个date的时间对象 2. var h;//使用today对象获取系统当前的小时 3. var m;//使用today对象获取系统当前的分钟 4. var s;//使用today对象获取系统当前的秒钟 5. checkTime(m);// ...

JS对象中的date对象是什么意思啊?

)将该传输数据转换成与json文件中格式一致就可以解决问题。代码如下://JSON.stringify()JSON.stringify(date) //'data'注:JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串。

Date对象

Date对象的属性包括constructor和prototype,它们与String对象中的属性语法相同。例子:判断当前对象是否为日期对象。例子:用自定义属性来记录当前日期是本周的周几。因为西方是以周日为一星期的第一天即0,所以周二就应该是2 Da...

在date对象方法中使用什么方法返回date对象的原始值

valueOf。Date对象,是操作日期和时间的对象,Date为内置的构造函数,通过newDate来获取当前本地日期与时间,Date对象不能直接比较,必须使用valueOf方法,valueOf方法返回Date对象的原始值。

Top