Comment convertir la date en chaîne dans jquery

Dans le développement front-end, le traitement des dates est un problème courant. Lors du développement avec jQuery, la conversion des dates en chaînes est également une exigence courante. Cet article montrera comment convertir des dates en chaînes en introduisant le plug-in jQuery datepicker.

1. jQuery datepicker

jQuery datepicker est un plug-in de sélecteur de date qui utilise le style de jQuery UI et fournit des fonctions interactives pour la sélection de date. À l'aide du plugin jQuery datepicker, vous pouvez facilement sélectionner des dates et les formater en chaînes.

1. Installez jQuery datepicker

Tout d'abord, vous devez introduire les fichiers de bibliothèque de jQuery et jQuery UI, ainsi que les fichiers de bibliothèque de jQuery datepicker dans la page HTML. Les fichiers de bibliothèque correspondants peuvent être téléchargés depuis le site officiel de jQuery (https://jquery.com/) et le site officiel de jQuery UI (https://jqueryui.com/). Ou chargez en utilisant CDN.

162af23817261d4fc6ac1b65cbd537d02cacc6d41bbb37262a98f745aa00fbf0
905931de479ae13e7066559442f61c942cacc6d41bbb37262a98f745aa00fbf0
68d0a4e6ced28a273c3d79055b054066
59b6d67fe367fb48a6e5c040a90080832cacc6d41bbb37262a98f745aa00fbf0
4ad3dd4eb25b99d9f9719c7b8fcc808e

2. Utilisation de jQuery datepicker

Pour utiliser jQuery datepicker, il vous suffit d'ajouter une classe à la zone de saisie de date, puis d'appeler la fonction datepicker en JavaScript.

Code HTML :

dce39bab25e8c23ccacfef3c0853299c

Code JavaScript :

$(document).ready(function(){

$(".datepicker").datepicker();

});

C'est tout Vous pouvez cliquer sur la zone de saisie de la date pour afficher le sélecteur de date.

2. Convertir la date en chaîne

La conversion de la date en chaîne implique principalement deux processus : l'obtention de la date et le formatage en chaîne.

1. Obtenir la date

En utilisant le sélecteur de date jQuery, vous pouvez obtenir la date via des fonctions. Par exemple, pour obtenir la date par défaut à laquelle le sélecteur de date apparaît :

$(".datepicker").datepicker("getDate")

Cette fonction renvoie un objet de type JavaScript Date.

2. Formater en chaîne

L'utilisation du type Date de JavaScript est livrée avec certaines méthodes de formatage de date, notamment toDateString(), toLocaleDateString(), etc. Mais l’inconvénient de ces méthodes est que le format ne peut pas être personnalisé.

Afin de formater facilement les dates, nous pouvons utiliser la bibliothèque tierce moment.js (https://momentjs.com/), qui fournit une méthode de traitement des dates très pratique.

Par exemple, si nous voulons formater la date au format aaaa-mm-jj, nous pouvons utiliser la méthode format() de moment.js.

moment(date).format("YYYY-MM-DD")

Parmi eux, date est un objet JavaScript de type Date, représentant la date à formater. Le paramètre de la méthode format() est une chaîne utilisée pour spécifier le format de sortie. AAAA représente l'année à quatre chiffres, MM représente le mois et DD représente le nombre de jours.

Le code complet est le suivant :

Code HTML :

dce39bab25e8c23ccacfef3c0853299c
4797d5dc76168908abb933b8eb61aabfConvert65281c5ac262bf6d81768915a4a77ac0
15a000ca5f4f8f1a50d933234580971594b3e26ee717c64999d7867364b1b4a3

Code JavaScript :

$(document).ready(function(){

$(".datepicker").datepicker();
$("#btnConvert").click(function(){
    var date = $(".datepicker").datepicker("getDate");
    var dateString = moment(date).format("YYYY-MM-DD");
    $("#result").text(dateString);
});

});

Tout d'abord, ajoutez la classe datepicker pour la zone de saisie de date . Ensuite, un bouton est défini pour déclencher le processus de conversion de date. Lorsque vous cliquez sur le bouton, la fonction getUserDate() obtiendra la date et utilisera moment.js pour formater la date dans une chaîne.

3. Résumé

En utilisant le plug-in jQuery datepicker, vous pouvez rapidement implémenter un sélecteur de date. En utilisant moment.js, vous pouvez facilement convertir des dates en chaînes et personnaliser le format de date. Grâce à l'explication de cet article, je pense que tout le monde comprend mieux comment jQuery convertit les dates en chaînes.

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!