Maison  >  Article  >  interface Web  >  fonction de conversion du format d'heure jquery

fonction de conversion du format d'heure jquery

王林
王林original
2023-05-24 22:35:06850parcourir

Dans la conception et le développement de sites Web, le temps est généralement un problème inévitable. Mais nous pouvons avoir besoin de différents formats de temps selon différents scénarios. Par exemple, il existe un champ d'heure dans une base de données. Son format de stockage est 2019-07-25 15:30:22. Lorsqu'il est affiché sur la page d'accueil, il est susceptible d'être formaté comme « 15h00 le 25 juillet ». , 2019." 30 minutes et 22 secondes ", ou un format d'heure personnalisé. À l'heure actuelle, nous devons utiliser certains outils pour terminer la conversion du format d'heure, et jquery est une bibliothèque javascript très puissante dotée de nombreuses fonctions d'outils utiles, notamment des fonctions de conversion de format d'heure.

Maintenant, je vais vous présenter comment utiliser la fonction de conversion du format d'heure jquery pour vous aider à résoudre rapidement le problème de la conversion du format d'heure.

1. Présentez la bibliothèque jquery

Nous devons d'abord introduire la bibliothèque jquery dans notre page. Vous pouvez utiliser les deux méthodes suivantes :

(1) Utiliser le lien CDN

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

(2) Télécharger et référencer directement

Vous pouvez télécharger la version correspondante de la bibliothèque jquery dans [site officiel de jquery] (https://jquery .com/), puis introduisez-le dans la page :

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

2. Fonction de conversion du format d'heure

jquery est livré avec une fonction de conversion de format d'heure très simple et facile à utiliser - $.formatDate().

La définition de cette fonction est la suivante :

$.formatDate(date, format)

Parmi eux, la date représente l'heure qui doit être convertie, qui peut être un horodatage ou une chaîne au format date qui représente le format d'heure cible qui doit être converti ; dans.

Actuellement, la fonction $.formatDate() prend en charge les formats suivants :

Nous pouvons choisir le format d'heure correspondant en fonction des besoins réels. Voici quelques exemples d'utilisation courants :
var timestamp = 1564096602000;
var date = new Date(timestamp);
var formatDate = $.formatDate(date, "yyyy-MM-dd");
console.log(formatDate); // 2019-07-26
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. Résumé
Format Description
aaaa-MM-jj Année, Mois Jour
HH :mm )
(1) Convertir le format d'horodatage au format année mois jour (2) Convertir la chaîne de format de date en format personnalisé
Par ce qui précède À partir de l'introduction, nous pouvons. voyez que la fonction de conversion de format d'heure jquery est très simple et facile à utiliser, et peut répondre à la plupart des besoins de conversion de format d'heure. Bien entendu, si un traitement temporel plus complexe est nécessaire, nous pouvons également utiliser d'autres bibliothèques JavaScript ou fonctions personnalisées pour y parvenir. Mais dans la plupart des cas, la fonction $.formatDate() fournie avec jquery est suffisante. Enfin, je voudrais rappeler à tous que dans le développement actuel, la conversion du format horaire peut être affectée par les fuseaux horaires, elle doit donc être manipulée avec prudence pour éviter les erreurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn