Home  >  Article  >  Web Front-end  >  How to get time formatting with jquery

How to get time formatting with jquery

WBOY
WBOYOriginal
2023-05-08 19:27:071973browse

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.

  1. Get the current time

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();
  1. Format Time

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.

    Format time zone
If you need to include the time zone in the time format, you can use the

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.

    Complete code example
The following is a complete code example, which converts the time into "yyyy-MM-dd HH:mm:ss ±hh:mm" form output. Among them, ± represents the time zone offset.

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.

Summary

This article introduces how to use jQuery to get the formatted time. You can use the

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!

Statement:
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