jquery time format conversion function

In web design and development, time is usually an unavoidable issue. But we may need different formats of time in different scenarios. For example, there is a time field in a database. Its storage format is 2019-07-25 15:30:22. When displayed on the front-end page, it is likely to be formatted as "15:00 on July 25, 2019." 30 minutes and 22 seconds", or some custom time format. At this time, we need to use some tools to complete the time format conversion, and jquery is a very powerful javascript library that comes with many useful tool functions, including time format conversion functions.

Below I will introduce how to use the jquery time format conversion function to help you quickly solve the problem of time format conversion.

1. Introduce the jquery library

First we need to introduce the jquery library into our page. You can use the following two methods:

(1) Use CDN link

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

(2) Directly download and quote

can be found on [jquery official website] (https:// Download the corresponding version of the jquery library from jquery.com/), and then introduce it into the page:

<script src="jquery-3.4.1.min.js"></script>

2. Time format conversion function

jquery comes with a very simple and easy-to-use time format Conversion function - $.formatDate().

The definition of this function is as follows:

$.formatDate(date, format)

Among them, date represents the time that needs to be converted, which can be a timestamp or a string in date format; format represents the time that needs to be converted into Target time format.

Currently, the $.formatDate() function supports the following formats:

Format	Description
yyyy-MM-dd	年月日
HH:mm:ss	Hours, minutes and seconds
yyyy-MM-dd HH:mm:ss	Year, month, day, hours, minutes and seconds
yyyyYearM Month d day H o'clock m minutes s seconds	Customized format

We can choose the corresponding time format according to actual needs. The following are some common usage examples:

(1) Convert timestamp format to year, month and day format

var timestamp = 1564096602000;
var date = new Date(timestamp);
var formatDate = $.formatDate(date, "yyyy-MM-dd");
console.log(formatDate); // 2019-07-26

(2) Convert date format string to custom format

var dateString = "2019-07-26 18:50:22";
var date = new Date(dateString);
var formatDate = $.formatDate(date, "yyyy年M月d日 H点m分s秒");
console.log(formatDate); // 2019年7月26日 18点50分22秒

3. Summary

Through the above introduction, we can see that the jquery time format conversion function is very simple and easy to use, and can meet most time format conversion needs. Of course, if more complex time processing is required, we can also use other JavaScript libraries or custom functions to achieve it. But in most cases, the $.formatDate() function that comes with jquery is sufficient.

Finally, I would like to remind everyone that in actual development, time format conversion may be affected by time zones, so it needs to be handled with caution to avoid errors.

The above is the detailed content of jquery time format conversion function. For more information, please follow other related articles on the PHP Chinese website!