Web Front-end
JS Tutorial
JavaScript Advanced Programming Reading Notes No. 10 Local Object Date_Javascript Skills
JavaScript Advanced Programming Reading Notes No. 10 Local Object Date_Javascript Skills
Create
var d=new Date();
Note that in JavaScript the month value is from 0 to 11 (0 means January).
Set date and time values
There are two ways to set date and time values:
1. Only declare the number of milliseconds from 12:00 a.m. on January 1, 1970
a. Directly use the number of milliseconds from 12 a.m. on January 1, 1970
var d=new Date(0);
b. parse method:
parse The method accepts a string as a parameter, converts the string into a date value, and returns the number of milliseconds.
For example, create a Date object for February 27, 2012:
var d=new Date(Date.parse("Feb 27,2012"));
If passed to parse The string of the method cannot be converted into a date. The function returns NaN
c. UTC method:
The UTC method also returns the millisecond representation of the date, but the parameters are year, month, day, hour, Minutes, seconds, milliseconds, year and month are required, others are optional.
For example, create a Date object for February 27, 2012:
var d=new Date(Date.UTC(2012,1,27));
2. Directly declare UTC Parameters accepted by the method
var d=new Date(2012,1,27);
The parameter rules are the same as the UTC method.
Date class method
Date class method is as follows (from: http://www.jb51.net/w3school/js/jsref_obj_date.htm):
| Method | Description | FF | IE |
|---|---|---|---|
| Date() | Returns the date and time of the current day. | 1 | 3 |
| getDate() | Returns the day of the month (1 ~ 31) from the Date object. | 1 | 3 |
| getDay() | Returns the day of the week (0 ~ 6) from a Date object. | 1 | 3 |
| getMonth() | Returns the month (0 ~ 11) from the Date object. | 1 | 3 |
| getFullYear() | Returns the year as a four-digit number from a Date object. | 1 | 4 |
| getYear() | Please use getFullYear() method instead. | 1 | 3 |
| getHours() | Returns the hour of the Date object (0 ~ 23). | 1 | 3 |
| getMinutes() | Returns the minute (0 ~ 59) of the Date object. | 1 | 3 |
| getSeconds() | Returns the number of seconds in a Date object (0 ~ 59). | 1 | 3 |
| getMilliseconds() | Returns the millisecond (0 ~ 999) of the Date object. | 1 | 4 |
| getTime() | Returns the number of milliseconds since January 1, 1970. | 1 | 3 |
| getTimezoneOffset() | Returns the difference in minutes between local time and Greenwich Mean Time (GMT). | 1 | 3 |
| getUTCDate() | Returns the day of the month (1 ~ 31) from a Date object based on universal time. | 1 | 4 |
| getUTCDay() | Returns the day of the week (0 ~ 6) from a Date object based on universal time. | 1 | 4 |
| getUTCMonth() | Returns the month (0 ~ 11) from the Date object according to universal time. | 1 | 4 |
| getUTCFulYear() | Returns the four-digit year from a Date object based on universal time. | 1 | 4 |
| getUTCHours() | Returns the hour of the Date object according to universal time (0 ~ 23). | 1 | 4 |
| getUTCMinutes() | Returns the minute of the Date object according to universal time (0 ~ 59). | 1 | 4 |
| getUTCSeconds() | Returns the seconds (0 ~ 59) of the Date object according to universal time. | 1 | 4 |
| getUTCMilliseconds() | Returns milliseconds (0 ~ 999) of a Date object according to universal time. | 1 | 4 |
| parse() | Returns the number of milliseconds from midnight on January 1, 1970 to the specified date (string). | 1 | 3 |
| setDate() | Set the day of the month (1 ~ 31) in the Date object. | 1 | 3 |
| setMonth() | Set the month (0 ~ 11) in the Date object. | 1 | 3 |
| setFullYear() | Set the year (four digits) in the Date object. | 1 | 4 |
| setYear() | Please use the setFullYear() method instead. | 1 | 3 |
| setHours() | Set the hour (0 ~ 23) in the Date object. | 1 | 3 |
| setMinutes() | Set the minute (0 ~ 59) in the Date object. | 1 | 3 |
| setSeconds() | Sets the seconds in the Date object (0 ~ 59). | 1 | 3 |
| setMilliseconds() | Set the milliseconds (0 ~ 999) in the Date object. | 1 | 4 |
| setTime() | Sets the Date object in milliseconds. | 1 | 3 |
| setUTCDate() | Set the day of the month in the Date object (1 ~ 31) according to universal time. | 1 | 4 |
| setUTCMonth() | Sets the month (0 ~ 11) in the Date object according to universal time. | 1 | 4 |
| setUTCFulYear() | Sets the year (four digits) in the Date object according to universal time. | 1 | 4 |
| setUTCHours() | Sets the hour in the Date object according to universal time (0 ~ 23). | 1 | 4 |
| setUTCMinutes() | Set the minute in the Date object according to universal time (0 ~ 59). | 1 | 4 |
| setUTCSeconds() | Sets the seconds in the Date object (0 ~ 59) according to universal time. | 1 | 4 |
| setUTCMilliseconds() | Sets the milliseconds in the Date object according to universal time (0 ~ 999). | 1 | 4 |
| toSource() | Returns the source code of this object. | 1 | - |
| toString() | Convert Date object to string. | 1 | 4 |
| toTimeString() | Convert the time part of the Date object to a string. | 1 | 4 |
| toDateString() | Convert the date part of the Date object to a string. | 1 | 4 |
| toGMTString() | Please use toUTCString() method instead. | 1 | 3 |
| toUTCString() | Convert Date object to string according to universal time. | 1 | 4 |
| toLocaleString() | Convert Date object to string according to local time format. | 1 | 3 |
| toLocaleTimeString() | Convert the time part of the Date object into a string according to the local time format. | 1 | 3 |
| toLocaleDateString() | Convert the date part of the Date object into a string according to the local time format. | 1 | 3 |
| UTC() | Returns the number of milliseconds between January 1, 1997 and the specified date according to universal time. | 1 | 3 |
| valueOf() | Returns the original value of the Date object. | 1 | 4 |
Share a date formatting method
Share a date formatting method here, the usage method is the same as DateTime in C# The ToString method is similar:
Date.prototype.toString=function( format){
var time={};
time.Year=this.getFullYear();
time.TYear=("" time.Year).substr(2);
time. Month=this.getMonth() 1;
time.TMonth=time.Month<10?"0" time.Month:time.Month;
time.Day=this.getDate();
time .TDay=time.Day<10?"0" time.Day:time.Day;
time.Hour=this.getHours();
time.THour=time.Hour<10?"0" time .Hour:time.Hour;
time.hour=time.Hour<13?time.Hour:time.Hour-12;
time.Thour=time.hour<10?"0" time.hour: time.hour;
time.Minute=this.getMinutes();
time.TMinute=time.Minute<10?"0" time.Minute:time.Minute;
time.Second=this. getSeconds();
time.TSecond=time.Second<10?"0" time.Second:time.Second;
time.Millisecond=this.getMilliseconds();
var oNumber= time.Millisecond/1000;
if(format!=undefined && format.replace(/s/g,"").length>0){
format=format
.replace(/ yyyy/ig,time.Year)
.replace(/yyy/ig,time.Year)
.replace(/yy/ig,time.TYear)
.replace(/y/ig,time .TYear)
.replace(/MM/g,time.TMonth)
.replace(/M/g,time.Month)
.replace(/dd/ig,time.TDay)
.replace(/d/ig,time.Day)
.replace(/HH/g,time.THour)
.replace(/H/g,time.Hour)
.replace(/ hh/g,time.Thour)
.replace(/h/g,time.hour)
.replace(/mm/g,time.TMinute)
.replace(/m/g,time .Minute)
.replace(/ss/ig,time.TSecond)
.replace(/s/ig,time.Second)
.replace(/fff/ig,time.Millisecond)
.replace(/ff/ig,oNumber.toFixed(2)*100)
.replace(/f/ig,oNumber.toFixed(1)*10);
}
else{
format=time.Year "-" time.Month "-" time.Day " " time.Hour ":" time.Minute ":" time.Second;
}
return format;
}
var d=new Date();
console.log(d.toString()); //2011-12-29 11:29:43
console.log(d.toString ("")); //2011-12-29 11:29:43
console.log(d.toString("yyyy-MM-dd")); //2011-12-29
console .log(d.toString("HH:mm:ss")); //11:29:43
console.log(d.toString("yyyy-MM-dd HH:mm:ss")); //2011-12-29 11:29:43
console.log(d.toString("MM, dd, yyyy, HH:mm:ss")); //December 29, 2011 11:29 :43
console.log(d.toString("yyyy-MM-dd HH:mm:ss fff")); //2011-12-29 11:29:43 862
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
How to create and name a file/folder based on current timestamp
Apr 27, 2023 pm 11:07 PM
If you're looking for a way to automatically create and name files and folders based on system timestamps, you've come to the right place. There is a super simple way to accomplish this task. The created folders or files can then be used for various purposes such as storing file backups, sorting files based on date, etc. In this article, we will explain in some very simple steps how to automatically create files and folders in Windows 11/10 and name them according to the system’s timestamp. The method used is a batch script, which is very simple. Hope you enjoyed reading this article. Section 1: How to automatically create and name a folder based on the current timestamp of the system Step 1: First, navigate to the parent folder where you want to create the folder,
PHP Warning: date() expects parameter 2 to be long, string given solution
Jun 22, 2023 pm 08:03 PM
When developing using PHP programs, you often encounter some warning or error messages. Among them, one error message that may appear is: PHPWarning:date()expectsparameter2tobelong,stringgiven. The error message means: the second parameter of the function date() is expected to be a long integer (long), but what is actually passed to it is a string (string). So, we
Introduction to methods and usage of using Date and SimpleDateFormat classes to process time in Java
Apr 21, 2023 pm 03:01 PM
1. Introduction The Date class in the java.util package represents a specific time, accurate to milliseconds. If we want to use our Date class, then we must introduce our Date class. Writing the year directly into the Date class will not produce the correct result. Because Date in Java is calculated from 1900, so as long as you fill in the first parameter with the number of years since 1900, you will get the year you want. The month needs to be subtracted by 1, and the day can be inserted directly. This method is rarely used, and the second method is commonly used. This method is to convert a string that conforms to a specific format, such as yyyy-MM-dd, into Date type data. First, define an object of Date type Date
How to get the millisecond representation of a date using the getTime() method of the Date class
Jul 24, 2023 am 11:42 AM
How to get millisecond representation of date using getTime() method of Date class In Java, Date class is a class used to represent date and time. It provides many useful methods to manipulate and obtain information about date objects. Among them, the getTime() method is an important method in the Date class, which can return the millisecond representation of the date object. Next, we will detail how to use this method to obtain the millisecond representation of a date, and provide corresponding code examples. Using the Date class
What are the options for calendar and date libraries in Python?
Oct 21, 2023 am 09:22 AM
There are many excellent calendar libraries and date libraries in Python for us to use. These libraries can help us handle date and calendar related operations. Next, I will introduce you to several common choices and provide corresponding code examples. Datetime library: Datetime is Python's built-in date and time processing module. It provides many date and time related classes and methods, which can be used to process dates, times, time differences and other operations. Sample code: importdatetime#Get the current date
How to use Stringbuild, Date and Calendar classes in Java
May 22, 2023 pm 04:52 PM
Stringbuild class Since the object content of the String class cannot be changed, a new String object will be constructed every time it is spliced, which is time-consuming and wastes memory space. At this time, you need to solve this problem through the StringBuild class provided by Java. StringBuilder is also called a variable character sequence. , it is a string buffer similar to String, which can be regarded as a container. Many strings can be held in the container. Variable means that the content in the StringBuilder object is variable. The construction method publicStringBuilder(): creates an empty buffer publicStringBuilder(Stringsr
How to solve the problem of springboot configuring date field to return timestamp
May 20, 2023 am 11:16 AM
I encountered a problem. After springboot was upgraded to 2.0, the date found from the database was received using Date and finally returned directly to the front end. It can be displayed normally in the yyyy-MM-ddHH:mm:ss format in Google Chrome. However, the date displayed in the IE browser is "garbled" because the springboot1.x version returns a timestamp in the Date field by default, and Google and IE will automatically convert the timestamp into yyyy-MM-ddHH:mm:ss ;After springboot2.0, spring will automatically convert the Date field into a UTC string (without configuration), so date needs to be converted into a timestamp or y
How to use the Date date and time class in Java
May 10, 2023 pm 05:25 PM
The java.util package provides the Date class to encapsulate the current date and time. The Date class provides two constructors to instantiate Date objects. The first constructor initializes the object with the current date and time: Date() The second constructor receives a parameter, which is the number of milliseconds since January 1, 1970. After the Date object is created, you can call the following method: Serial number method description 1booleanafter(Datedate), if the Date object calling this method returns true after the specified date, otherwise it returns false2booleanbefore(Datedate), if
