Maison  >  Article  >  Comment déclencher un événement lors de la modification de la date dans jquery

Comment déclencher un événement lors de la modification de la date dans jquery

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌original
2023-05-25 09:30:491414parcourir

Comment déclencher un événement lorsque jquery modifie la date : 1. Ouvrez le document API de "laydate date control" ; 2. Recherchez la "fonction de changement de date et d'heure" et ouvrez-la pour voir l'utilisation. instructions de la fonction de rappel et ajoutez-la à l'exemple jquery dans le code ; 3. Après avoir introduit "laydate.js", initialisez la zone de saisie de l'heure et de la date via "laydate.render" et utilisez la méthode "change" pour surveiller le commutation du contrôle de date ; 4. Après avoir modifié à nouveau la date, utilisez "console.log() "La fonction affiche le résultat.

Comment déclencher un événement lors de la modification de la date dans jquery

Le système d'exploitation pour ce tutoriel : système Windows 10, version jQuery3.6.0, ordinateur Dell G3.

La façon de déclencher un événement lorsque jquery modifie la date est :

1 Tout d'abord, entrez sur le site officiel de l'espace de date que vous avez choisi. que vous utilisez, puis trouvez sa documentation d'utilisation de l'API, ici je prends le contrôle de date de laydate comme exemple, ouvrez d'abord sa documentation API, comme indiqué ci-dessous :

Comment déclencher un événement lors de la modification de la date dans jquery

#🎜 🎜#2, puis je consulte la section de documentation sur la "fonction de rappel de changement de date et d'heure" dans le répertoire des documents, comme indiqué ci-dessous :

Comment déclencher un événement lors de la modification de la date dans jquery

3 . Ensuite, nous ouvrons cette section Consultez la documentation pour les instructions d'utilisation de sa fonction de rappel :

Comment déclencher un événement lors de la modification de la date dans jquery

4. et ajoutez-le à notre propre code. Ici, j'ai créé un exemple de projet pour vous montrer étape par étape. Tout d'abord, jetons un coup d'œil à la structure du projet. La position du cadre rouge est le package de plug-in du sélecteur de temps : #🎜🎜. #

#🎜 🎜#5. Après avoir introduit le js du contrôle d'heure et de date sur la page, initialisez notre boîte de saisie d'heure et de date via laydate. render : Comment déclencher un événement lors de la modification de la date dans jquery

#🎜🎜 #

6. Ensuite, utilisez la méthode de changement écrite dans le document officiel pour surveiller le changement de l'heure et de la date. contrôle. Le code de la clé est tel qu'indiqué dans l'encadré rouge ci-dessous

Comment déclencher un événement lors de la modification de la date dans jquery#🎜 🎜#

7. Après la surveillance que j'ai écrite ici, il est imprimé sur la console. via la console. L'opération spécifique après avoir écouté le rappel de l'événement de commutation est basée sur les besoins réels de votre entreprise. L'effet de l'exécution dans le navigateur est le suivant :

Comment déclencher un événement lors de la modification de la date dans jquery

#🎜. 🎜#8. Lorsque nous sélectionnons ou modifions à nouveau la date et l'heure, la console imprimera la date et l'heure nouvellement sélectionnées. L'effet est le suivant :

Comment déclencher un événement lors de la modification de la date dans jquery.

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