Home > Web Front-end > JS Tutorial > Summary of Date object instances in javascript

Summary of Date object instances in javascript

小云云
Release: 2018-01-24 15:51:26
Original
1558 people have browsed it

Date object is one of the more commonly used objects, but many people do not know how to operate it at all. Even for some simple operations, they use moment without trying it themselves. Time characters in various forms are everywhere. The emergence of the concept of time, the invention of time units and timing tools have brought about changes to human beings that are really hard to describe. Today let’s talk about dates. Let’s take a look at the Date object in JavaScript.

This time I will share the date usage skills in Date, hoping to inspire everyone.

MDN official website introduction

The setDate() method specifies the number of days in a date object based on local time.

If dayValue is outside the reasonable range of the month, setDate will update the Date object accordingly.

For example, if you specify 0 for dayValue, the date will be set to the last day of the previous month.

Get the number of days in the month


// 获取月份天数
function getMonthDayCount(year, month) {
 return new Date(year, month, 0).getDate();
}
console.log(getMonthDayCount(2017, 10)); // 31
Copy after login

Date The essence of the third parameter is the same as setDate.

Because when date is 0, it automatically returns to the last day of the previous month, so there is no need to decrease the month here, which is just right.

Get the number of days in all months


function getAllMonthDayCount(year) {
 var days = [31, new Date(year, 2, 0).getDate(), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 return days;
}
console.log(getAllMonthDayCount(2016));// [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
Copy after login

This is an extension of the above, not much explanation.

Is it a leap year?


function isLeapYear(year) {
 return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
}
Copy after login

This is the code on the Internet, I believe most people use it.

But do you really understand or remember it?

I can’t anyway. .


function isLeapYear(year) {
 return new Date(year, 2, 0).getDate() === 29;
}
console.log([
 isLeapYear(2000),
 isLeapYear(2016),
 isLeapYear(2017),
 isLeapYear(2018)
]); // [ true, true, false, false ]
Copy after login

Looking at it this way, it is very simple and easy to understand.

And you don’t need to remember it. Do you think you can’t forget it even if you want to?

Addition and subtraction of days

I have seen someone use relative seconds to calculate days before or after days, or even across months and years. Condition.

In fact, just setDate directly, and it will automatically handle the situation of crossing months and years.


// 10天后是几月几号
var dt = new Date('2016-12-25');
dt.setDate(dt.getDate() + 10);
console.log(dt.toLocaleDateString()); // 2017/1/4


// 10天前是几月几号
var dt = new Date('2017-01-04');
dt.setDate(dt.getDate() - 10);
console.log(dt.toLocaleDateString()); // 2016/12/25
Copy after login

Summary

Although these things are very basic, everyone may know the name of the method, but many people still don’t Will use it.

It’s the same as using jq but still using a for loop to process the results.

Only some examples are listed here, there may be other magical operating skills waiting for you to discover.

Related recommendations:

js implements countdown animation effect through Date object example sharing

JavaScript converts Date object into characters according to local time String method toLocaleString()

Summary of Date object in JavaScript

The above is the detailed content of Summary of Date object instances in javascript. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template