The previous words
The Date object is a built-in data type in the JavaScript language and is used to provide an operation interface for dates and times. The Date object is created based on classes in early Java. For this reason, the Date type uses milliseconds elapsed from 0:00 on January 1, 1970 to save the date. The time range it can represent is 100 million days each around 0:00 on January 1, 1970. This article will introduce the usage of Date objects in detail
Static methods Before introducing the constructor of the Date object, we will first introduce the static methods. Because the static method of the Date object is closely related to its constructor. The process of creating a Date object using a constructor is similar to the process of using a static method wearing a coat
There are three static methods in the Date object, namely (), (), and (). These methods are called through the Date() constructor itself, rather than through the Date instance object
()
ECMAScript5 has added the now() method, which returns the number of milliseconds from the current time to 0:00 UTC on January 1, 1970. This method does not support passing parameters
[Note] This method returns the Number numeric type
(());//1468297046050
(('2016,1,1'));//1468297046050
(typeof ());//'number'
In browsers that do not support the() method, you can use the + operator to convert the Date object into a number, and you can also achieve similar effects
(new Date());//Tue Jul 12 2016 12:21:33 GMT+0800 (China Standard Time)(+new Date());//1468297293433 (+new Date(2000,1,1));//949334400000
This method is often used to analyze code
var start = (); doSomething(); var stop = (); result = stop - start;
()
This method is used to parse a date string. The parameter is a string containing the date and time to be parsed, returning the number of milliseconds from 0:00 on January 1, 1970 to the given date
This method willDate time string format rulesTo parse the format of strings, in addition to the standard format, the following formats are also supported. If the string is not recognized, NaN will be returned
1. 'Month/Day/Year', as 6/13/2004
2. 'Month day, year' such as January 12,2004 or Jan 12,2004
3. 'Week Month Day Year Time: Minutes: Seconds Time Zone' Tue May 25 2004 00:00:00 GMT-0700
[Note] The browser does not support string formats that do not represent dates but only time.
(('6/13/2004'));//1087056000000
(('January 12,2004'));//1073836800000
(('Tue May 25 2004 00:00:00 GMT-0700'));//1085468400000
(('2004-05-25T00:00:00'));//1085443200000
(('2016'));//1451606400000
(('T00:00:00'));//NaN
(());//NaN
[Note] In ECMAScript5, if a string using the standard date and time string format rules has a pre-0 before math, it will be parsed as UTC time, and if the time does not pre-0, it will be parsed as local time. Other situations are generally resolved to local time
(('7/12/2016'));//1468252800000
(('2016-7-12'));//1468252800000
(('2016-07-12'));//1468281600000
()
() also returns the number of milliseconds of a given date, but its parameters are not a string, but numerical parameters representing year, month, day, hour, minute, second, and millisecond respectively.
(year, month, day, hours, minutes, seconds, ms), year and month parameters are fixed, and the remaining parameters are optional.See here for details on date and time format rules
Because the function has 7 formal parameters, its length value is 7
();//7
[Note] This method uses UTC time, not local time
((1970));//NaN ((1970,0));//0 ((1970,0,2));//86400000 ((1970,0,1,1));//3600000 ((1970,0,1,1,59));//714000 ((1970,0,1,1,59,30));//717000
Constructor Date() constructor has up to 5 ways to use it
【0】Date()
Numbers can be called like a function without the new operator. It will ignore all incoming parameters and return a string representation of the current date and time
Date();
[Note] Since the Date() function does not use an operator, it cannot be actually called a constructor
(Date());//"Tue Jul 12 2016 13:38:41 GMT+0800 (China Standard Time)"(Date('2016/1/1'));//"Tue Jul 12 2016 13:38:41 GMT+0800 (China Standard Time)"(typeof Date());//'string'
【1】When the Date() function uses the new operator and does not have parameters, a Date object will be created based on the current time and date
new Date();
(new Date());//Tue Jul 12 2016 13:41:45 GMT+0800 (China Standard Time)(new Date);//Tue Jul 12 2016 13:41:45 GMT+0800 (China Standard Time)(typeof new Date());//'object'
【2】Date() function can accept a numeric parameter, which represents the number of milliseconds between the set time and 0 o'clock on January 1, 1970
new Date(milliseconds);
(new Date(0));//Thu Jan 01 1970 08:00:00 GMT+0800 (China Standard Time)(new Date(86400000));//Fri Jan 02 1970 08:00:00 GMT+0800 (China Standard Time)(typeof new Date(0));//object
[3] The Date() function can accept a string parameter, and the parameter form is similar to the () method. But the parse() method returns a number, while the Date() function returns an object.
new Date(datestring);
(new Date('6/13/2004'));//Sun Jun 13 2004 00:00:00 GMT+0800 (China Standard Time)(('6/13/2004'));//1087056000000
(typeof new Date(6/13/2004));//object
(typeof (6/13/2004));//number
The processing of prefixed 0 in the standard date and time string is also similar to the () method. If there is prefixed 0, it is equivalent to UTC time, and if there is no, it is equivalent to local time. The rest are usually local time
(new Date('7/12/2016'));//Tue Jul 12 2016 00:00:00 GMT+0800 (China Standard Time)(new Date('2016-7-12'));//Tue Jul 12 2016 00:00:00 GMT+0800 (China Standard Time)(new Date('2016-07-12'));//Tue Jul 12 2016 08:00:00 GMT+0800 (China Standard Time)
【4】Date() function can accept parameters in the form of a parameter similar to the() method, but the() method returns a number of milliseconds and is UTC time, while the Date() function returns a object and is local time
(new Date(2016,7,12));//Fri Aug 12 2016 00:00:00 GMT+0800 (China Standard Time)(+new Date(2016,7,12));//1470931200000 (typeof new Date(2016,7,12));//'object' ((2016,7,12));//1470960000000 (typeof (2016,7,12));//'number'
[Note] When using a method similar to the () function, if the date object is out of range, the browser will automatically calculate the date into a value within the range; when using a method similar to the () function, if the date object is out of range, the browser will prompt Invalid Date
(new Date(2016,7,32));//Thu Sep 01 2016 00:00:00 GMT+0800 (China Standard Time)(new Date(2016,8,1));//Thu Sep 01 2016 00:00:00 GMT+0800 (China Standard Time)(new Date('2016-8-32'));//Invalid Date
(new Date('2016-9-1'));//Thu Sep 01 2016 00:00:00 GMT+0800 (China Standard Time)
Example method
The Date object has no properties that can be read and written directly, and all accesses to dates and times need to be passed through methods. Most methods of Date objects are divided into two forms: one is to use local time and the other is to use UTC time, which are listed together below. For example, get[UTC]Day() represents both getDay() and getUTCDay()
There are 46 instance methods in the Date object, which can be divided into the following 3 categories: to class, get class, and set class
【to class】
The to class method returns a string from the Date object, indicating the specified time
toString()
Returns the date string of the local time zone
toUTCString()
Returns the date string of UTC time
toISOString()
Returns the Date object's standard date-time string format string
toTimeString()
Returns the string that returns the time part of the Date object
toJSON()
Returns a date string that conforms to JSON format, which is exactly the same as the return result of the toISOString method
(new Date('2016-7-12').toString());//Tue Jul 12 2016 00:00:00 GMT+0800 (China Standard Time)(new Date('2016-7-12').toUTCString());//Mon, 11 Jul 2016 16:00:00 GMT
(new Date('2016-7-12').toISOString());//2016-07-11T16:00:00.000Z
(new Date('2016-7-12').toDateString());//Tue Jul 12 2016
(new Date('2016-7-12').toTimeString());//00:00:00 GMT+0800 (China Standard Time)(new Date('2016-7-12').toJSON());//2016-07-11T16:00:00.000Z
toLocaleString()
Localized conversion of toString() method
toLocaleTimeString()
Localized conversion of toTimeString() method
toLocaleDateString()
Localized conversion of toDateString() method
(new Date('2016-7-12').toString());//Tue Jul 12 2016 00:00:00 GMT+0800 (China Standard Time)(new Date('2016-7-12').toLocaleString());//2016/7/12 12:00:00 am(new Date('2016-7-12').toDateString());//Tue Jul 12 2016
(new Date('2016-7-12').toLocaleDateString());//2016/7/12
(new Date('2016-7-12').toTimeString());//00:00:00 GMT+0800 (China Standard Time)(new Date('2016-7-12').toLocaleTimeString());//morning12:00:00
【get class】
The Date object provides a series of get class methods to obtain the value of a certain aspect of the instance object.
Before introducing the get class method, we must first introduce the valueOf() method
valueOf()
Returns the number of milliseconds from 0:00 on January 1, 1970
Therefore, it is convenient to use the comparison operator to compare date values
var date1 = new Date(2007,0,1); var date2 = new Date(2007,1,1); (date1 > date2);//false (date1 < date2);//true
getTime()
Returns the number of milliseconds from 0:00 on January 1, 1970, same as valueOf()
Before ECMAScript5, you can use the getTime() method to implement()
= function(){
return (new Date()).getTime()
}
getTimezoneOffset()
Returns the time zone difference between the current time and UTC, expressed in minutes (8*60=480 minutes). The return result takes into account daylight saving time factors.
(new Date('2016-7-12').valueOf());//1468252800000
(new Date('2016-7-12').getTime());//1468252800000
(new Date('2016-7-12').getTimezoneOffset());//-480
getYear()
Returns the number of years from 1900 (outdated)
get[UTC]FullYear()
Return year (4 digits)
get[UTC]Month()
Return to month (0-11)
get[UTC]Date()
Return to what day (1-31)
get[UTC]Day()
Return to the day of the week (0-6)
get[UTC]Hours()
Return hour value (0-23)
get[UTC]Minutes()
Returns the minute value (0-59)
get[UTC]Seconds()
Returns the second value (0-59)
get[UTC]Milliseconds()
Return millisecond value (0-999)
[Note] UTC time is set by the standard date and time format string and has parameter settings in the form of pre-0.
(new Date('2016-07-12T10:00').getYear());//116
(new Date('2016-07-12T10:00').getFullYear());//2016
(new Date('2016-07-12T10:00').getUTCFullYear());//2016
(new Date('2016-07-12T10:00').getMonth());//6
(new Date('2016-07-12T10:00').getUTCMonth());//6
(new Date('2016-07-12T10:00').getDate());//12
(new Date('2016-07-12T10:00').getUTCDate());//12
(new Date('2016-07-12T10:00').getDay());//2
(new Date('2016-07-12T10:00').getUTCDay());//2
(new Date('2016-07-12T10:00').getHours());//18
(new Date('2016-07-12T10:00').getUTCHours());//10
(new Date('2016-07-12T10:00').getMinutes());//0
(new Date('2016-07-12T10:00').getUTCMinutes());//0
(new Date('2016-07-12T10:00').getSeconds());//0
(new Date('2016-07-12T10:00').getUTCSeconds());//0
(new Date('2016-07-12T10:00').getMilliseconds());//0
(new Date('2016-07-12T10:00').getUTCMilliseconds());//0
//The current time is 16:35(new Date().getHours());//16 (new Date().getUTCHours());//8
【set class】
The Date object provides a series of set class methods to set various aspects of the instance object.
The set method basically corresponds to the get method. The set method passes in parameters similar to () and returns the number of internal milliseconds of the adjusted date
[Note] Only get it in the week, not set
setTime()
Use millisecond format to set the value of a Date object
var d = new Date('2016-07-12T10:00');
((86400000),d);//86400000 Fri Jan 02 1970 08:00:00 GMT+0800 (China Standard Time)
setYear()
Set Year (outdated)
var d = new Date('2016-07-12T10:00');
((2000),d,());//963396000000 Wed Jul 12 2000 18:00:00 GMT+0800 (China Standard Time) 100
set[UTC]FullYear()
Set year (4 digits), and optional month and date values
set[UTC]Month()
Set month (0-11), and optional date values
set[UTC]Date()
Set the day (1-31)
var d = new Date('2016-07-12T10:00');
((2015,1,1),());//1422784800000 2015
((2),());//1425204000000 2
((20),());//1426845600000 20
(());//2015/3/20 afternoon6:00:00
set[UTC]Hours()
Set hour values (0-23), as well as optional minute values, second values and millisecond values
set[UTC]Minutes()
Set the minute value (0-59), as well as optional second value and millisecond value
set[UTC]Seconds()
Set the second value (0-59), and optional millisecond value
set[UTC]Milliseconds()
Set millisecond value (0-999)
var d = new Date('2016-07-12T10:20:30');
((1,2,3),());//1468256523000 1
((2,3),());//1468256523000 2
((3),());//1468256523000 3
(())//morning1:02:03
var d = new Date('2016-07-12T10:20:30');
((1,2,3),());//1468285323000 9
((2,3),());//1468285323000 2
((3),());//1468285323000 3
(())//morning9:02:03
The above article on JavaScript type system - a comprehensive understanding of date Date objects is all the content I have shared with you. I hope you can give you a reference and I hope you can support me more.