Maison > Article > interface Web > Comment convertir la date en chaîne dans jquery

Comment convertir la date en chaîne dans jquery

PHPzoriginal: 2023-04-17 10:28:351350parcourir

Dans le développement front-end, le traitement des dates est une tâche très courante. Cependant, lors du stockage de dates dans la base de données ou de la transmission de données, nous devons souvent convertir des objets date en chaînes. Cet article explique comment utiliser jQuery pour convertir un objet date en chaîne.

1. Introduction aux objets date JavaScript

Avant d'apprendre à convertir des dates en chaînes, nous devons d'abord comprendre les objets date en JavaScript. Les objets de date JavaScript sont utilisés pour représenter l'heure et la date et peuvent effectuer les opérations correspondantes. La méthode pour créer un objet date est très simple, il suffit d’utiliser le constructeur Date().

Par exemple :

var date = new Date();
console.log(date); // 输出当前日期和时间

Ici, nous créons non seulement un objet date, mais nous imprimons également l'objet date. Ce code affichera la date et l'heure actuelles, par exemple : mardi 31 août 2021 16:16:53 GMT+0800 (heure standard de la Chine).

2. Convertir un objet date en chaîne

Ensuite, nous présenterons comment utiliser jQuery pour convertir un objet date en chaîne. jQuery fournit un plug-in spécifiquement pour le formatage de la date - jQuery UI Datepicker. Nous pouvons convertir l'objet date en chaîne en utilisant la propriété dateFormat du plugin.

var date = new Date();
var dateString = $.datepicker.formatDate('yy-mm-dd', date);
console.log(dateString); // 输出格式化后的日期字符串

Ici, nous créons d'abord un objet date, puis utilisons la méthode $.datepicker.formatDate pour convertir l'objet date en chaîne, et nous définissons le format de la chaîne comme « aa-mm-jj ». Enfin, nous imprimons la chaîne sur la console.

3. Liste des paramètres pour le formatage de la date

Dans le code ci-dessus, nous avons vu l'attribut dateFormat et défini le format sur « aa-mm-jj ». Alors, quelles sont les valeurs facultatives pour cet attribut ? Présentons les paramètres de formatage pris en charge par jQuery UI Datepicker :

t ou Tmarque pour le matin ou l'après-midi (par exemple : AM ou PM)z ou zz ou zzzExpression de fuseau horaire (par exemple : CST, GMT, etc.)

Paramètre	Description
d	Jour du mois (1-31)
dd	A du mois (01-31)
ddd	Abréviation du jour de la semaine (par exemple : lundi, mardi, etc.)
dddd	Nom complet du jour de la semaine (par exemple : lundi , mardi, etc.)
m	Mois (1-12)
mm	Mois (01-12)
mmm	Abréviation du mois (par exemple : janvier, février, etc.)
mmmm	Le nom complet du mois (par exemple : janvier, février, etc.)
aa	La représentation à deux chiffres de l'année (par exemple : 21, 22, etc.)
yyyyy	la représentation à quatre chiffres de l'année (exemple: 2021, 2022, etc.)
h	hours (0-23)
hh	hours ( 00-23)
H	Heures (0-12)
HH	Heures (00-12)
M	Minutes (0-59)
MM	Minutes (00-59)
s	Secondes (0-59)
ss	secondes (00-59)
l ou L	millisecondes (0-999)

4. Exemple de code

Enfin, regardons un exemple de code complet, le code spécifique est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery日期转字符串</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/smoothness/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
</head>
<body>
    <div id="date"></div>
    <script>
        var date = new Date();
        var dateString = $.datepicker.formatDate('yy-mm-dd', date);
        $("#date").text(dateString); // 将日期字符串输出到div元素中
    </script>
</body>
</html>

Nous avons d'abord introduit les fichiers de ressources jQuery et jQueryUI, puis utilisé la méthode $.datepicker.formatDate pour convertir l'objet date en chaîne et définissez le format de la chaîne sur « aa-mm-jj ». Enfin, nous affichons la chaîne de date dans un élément div.

5. Résumé

Cet article explique comment utiliser jQuery pour convertir des objets de date JavaScript en chaînes et donne une liste des paramètres de formatage de date pris en charge par jQuery UI Datepicker. Pour une meilleure compréhension, nous fournissons également un code de démonstration complet pour référence aux lecteurs.

Bien sûr, le code de jQuery est déjà très concis. Si vous utilisez un framework dans votre projet, le framework dispose également de sa propre bibliothèque de traitement de dates, qui peut traiter les dates plus facilement.

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

Article précédent：Le téléphone mobile Vue peut-il être ouvert ?Article suivant：Le téléphone mobile Vue peut-il être ouvert ?

Articles Liés

Voir plus