Home > Article > Web Front-end > How to get time formatting with jquery
jQuery is a popular JavaScript library that is widely used to enhance the interactivity and dynamic performance of web applications. Time formatting is one of the frequently used features when creating web applications. This article will teach you how to get time formatted using jQuery.
In jQuery, use new Date()
to get the current date and time. For example, to get the current date and time, you can use the following code:
var now = new Date();
To format the time into a specific format, you can use getDate()
, getMonth()
, getFullYear()
, getHours()
, getMinutes()
and getSeconds()
Function. These functions will return various parts of date and time objects. For example, to format the time into the string form of "yyyy-MM-dd HH:mm:ss", you can use the following code:
var now = new Date(); var formattedDate = now.getFullYear() + '-' + (now.getMonth() < 9 ? '0' : '') + (now.getMonth() + 1) + '-' + (now.getDate() < 10 ? '0' : '') + now.getDate() + ' ' + (now.getHours() < 10 ? '0' : '') + now.getHours() + ':' + (now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' + (now.getSeconds() < 10 ? '0' : '') + now.getSeconds();
In the above code, getFullYear()# is used The ##,
getMonth() and
getDate() functions obtain the year, month and day values. Since in JavaScript, the month starts from 0, you need to add 1 when getting the month. The hours, minutes, and seconds values were obtained using the
getHours(),
getMinutes(), and
getSeconds() functions. Use the ternary operator
(?:) in the code to ensure that the time value is a two-digit number, such as 09 instead of 9.
getTimezoneOffset() function to get the current time and UTC (Coordinated Universal Time). To convert the minute difference to an hour difference, use the following formula:
var timezoneOffset = now.getTimezoneOffset() / 60;
var timezoneOffsetString = (timezoneOffset >= 0 ? "+" : "-") + (Math.abs(timezoneOffset) < 10 ? '0' : '') + Math.abs(timezoneOffset) + ':00';In the above code, first use the
getTimezoneOffset() function to get the minute difference between the time and UTC. Then, use the ternary operator
(?:) to ensure that the time value is two digits. Finally, use the string concatenation operator (
) to add the time zone offset to the time format.
var now = new Date(); var formattedDate = now.getFullYear() + '-' + (now.getMonth() < 9 ? '0' : '') + (now.getMonth() + 1) + '-' + (now.getDate() < 10 ? '0' : '') + now.getDate() + ' ' + (now.getHours() < 10 ? '0' : '') + now.getHours() + ':' + (now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' + (now.getSeconds() < 10 ? '0' : '') + now.getSeconds() + ' ' + ((now.getTimezoneOffset() / 60) >= 0 ? "+" : "-") + ((Math.abs(now.getTimezoneOffset() / 60)) < 10 ? '0' : '') + Math.abs(now.getTimezoneOffset() / 60) + ':00'; console.log(formattedDate);In this example, use the
console.log() function to output the formatted time.
new Date() function to get the current time, and use
getDate(),
getMonth(),
getFullYear(), The
getHours(),
getMinutes() and
getSeconds() functions format the time into the desired format. If you need to add time zone information, you need to use the
getTimezoneOffset() function. Hopefully this article will help you manage your time more easily when using jQuery to create web applications.
The above is the detailed content of How to get time formatting with jquery. For more information, please follow other related articles on the PHP Chinese website!