interface Web
js tutoriel
Comment vérifier si une date saisie est égale à la date du jour en utilisant JavaScript ?
Comment vérifier si une date saisie est égale à la date du jour en utilisant JavaScript ?
Dans ce tutoriel, nous apprenons à vérifier si la date saisie est égale à la date du jour ou sans utiliser JavaScript. Parfois, nous devons obtenir la date de l'utilisateur à partir d'un champ de saisie dans différents formats et vérifier si la date saisie et la date du jour correspondent.
Ici, nous allons apprendre deux méthodes pour vérifier si la date saisie est égale à la date d'aujourd'hui.
Comparez respectivement les années, les mois et les jours
Les utilisateurs peuvent obtenir l'année complète, le mois et la date à partir de l'horodatage d'un objet Date en utilisant diverses méthodes telles que getFullYear(), getMonth() et getDate(). De plus, nous pouvons obtenir l'année, le mois et la date en divisant la chaîne saisie par l'utilisateur avec un délimiteur.
Après cela, nous pouvons comparer l'année, le mois et le jour des deux horodatages pour vérifier si la date saisie est égale à la date d'aujourd'hui.
Grammaire
Les utilisateurs peuvent suivre la syntaxe ci-dessous pour déterminer si la date saisie est égale à la date d'aujourd'hui.
let inputYear = dateInput.value.split("/")[0];
let inputMonth = dateInput.value.split("/")[1];
let inputDate = dateInput.value.split("/")[2];
if (current_date.getFullYear() == inputYear && current_date.getMonth() == inputMonth - 1 && current_date.getDate(); == inputDate) {
// date is equal to today’s date
} else{
// date is not equal to today’s date
}
Dans la syntaxe ci-dessus, après avoir divisé la chaîne d'entrée avec "/", nous obtenons un tableau contenant trois valeurs. La première valeur est l’année, la deuxième valeur est le mois et la troisième valeur est le jour.
Algorithme
Les utilisateurs peuvent suivre l'algorithme suivant.
Étape 1 - Obtenez la date de l'utilisateur dans un format spécifique.
Étape 2 - Divisez la chaîne de date et extrayez l'année, le mois et la date. Ici, nous utilisons la méthode split() de JavaScript pour diviser la chaîne de date.
Étape 3 - Utilisez le constructeur new Date() pour créer une date égale à la date du jour.
Étape 4 - Extrayez l'année, le mois et la date de la date d'aujourd'hui à l'aide des méthodes getFullYear(), getMonth() et getDate().
Étape 5 - Comparez l'année, le mois et la date de deux horodatages. La méthode getMonth() renvoie le mois compris entre 0 et 11. Nous devons donc comparer le mois avec inputMonth – 1.
Étape 6 - Si les trois propriétés des deux dates correspondent, alors la date d'entrée est égale à la date d'aujourd'hui.
Exemple
Dans l'exemple ci-dessous, nous avons créé la fonction compareDate(). Lorsque l'utilisateur appuie sur le bouton Soumettre et saisit une chaîne de date dans le champ de saisie, il appelle la fonction compareDate().
La fonctioncompareDate() implémente l'algorithme ci-dessus pour vérifier si la date d'entrée est égale à la date d'aujourd'hui.
<html>
<body>
<h3>Comparing the <i>date, month, and year</i> separately to check if input the date is equal to today's date </h3>
<h4>Enter the date in yyyy/mm/dd format.</h4>
<input type="text" id="dateInput" />
<button id = "submit" onclick = "compareDate()"> submit </button>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
let dateInput = document.getElementById("dateInput");
function compareDate() {
// split the input string
let inputYear = dateInput.value.split("/")[0];
let inputMonth = dateInput.value.split("/")[1];
let inputDate = dateInput.value.split("/")[2];
let current_date = new Date();
// get the month, year, and date from the time stamp
let year = current_date.getFullYear();
let month = current_date.getMonth();
let day = current_date.getDate();
// compare year, month, and date
if (year == inputYear && month == inputMonth - 1 && day == inputDate) {
output.innerHTML = "Date is equal to today's date!";
} else {
output.innerHTML = "Date is not equal to today's date!";
}
}
</script>
</body>
</html>
Utilisez la méthode toDateString()
Nous pouvons utiliser la méthode toDateString() avec l'horodatage de l'objet Date, qui renvoie uniquement la chaîne de date dans l'horodatage.
Nous pouvons créer un nouvel horodatage de l'objet Date en utilisant n'importe quelle valeur que nous obtenons de l'entrée utilisateur et obtenir la chaîne de date à l'aide de la méthode toDateString(). Ensuite, nous pouvons également créer la date actuelle représentant la date du jour et utiliser la méthode toDateString().
Enfin, nous pouvons comparer les chaînes de date des deux horodatages.
Grammaire
Les utilisateurs peuvent utiliser la méthode toDateString() en suivant la syntaxe suivante pour vérifier si l'entrée est égale à la date du jour.
let [year, month, date] = dateInput.value.split(",");
let inputDate = new Date(year, month - 1, date);
let current_date = new Date();
if (inputDate.toDateString() == current_date.toDateString()) {
// it’s today’s date.
} else {
// It’s not matching with today’s date
}
Dans la syntaxe ci-dessus, nous avons créé un horodatage de la date d'entrée en utilisant l'année, le mois – 1 et la valeur de la date. Puisque l’objet Date a une valeur de mois comprise entre 0 et 11, nous devons fournir le mois – 1.
Exemple
L'exemple suivant obtient une chaîne de date de l'utilisateur dans un champ de saisie de texte dans un format spécifique. Après cela, nous extrayons l'année, le mois et la date de la chaîne et créons une nouvelle date.
Ensuite, nous comparons les chaînes de date des deux horodatages.
<html>
<body>
<h3>Using the <i> toDateString() </i> method to check if input the date is equal to today's date </h3>
<h4>Enter the date in yyyy,mm,dd format.</h4>
<input type = "text" id = "dateInput" />
<button id = "submit" onclick = "compareDate()"> submit </button>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
let dateInput = document.getElementById("dateInput");
function compareDate() {
// extract the year, month, and date
let [year, month, date] = dateInput.value.split(",");
let inputDate = new Date(year, month - 1, date);
let current_date = new Date();
if (inputDate.toDateString() == current_date.toDateString()) {
output.innerHTML = "Date is equal to today's date!";
} else {
output.innerHTML = "Date is not equal to today's date!";
}
}
</script>
</body>
</html>
Dans le résultat ci-dessus, l'utilisateur peut constater que la saisie d'une date dans un format non valide générera une erreur dans la console.
Les utilisateurs ont appris deux façons de vérifier si une date est égale à la date d'aujourd'hui. Cependant, les utilisateurs peuvent également utiliser la méthode setHours(). Nous pouvons définir l'heure sur 0 dans l'objet date et la comparer avec la date du jour pour vérifier l'égalité.
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Stock Market GPT
Recherche d'investissement basée sur l'IA pour des décisions plus intelligentes
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
JavaScript réalise l'effet de commutation d'image click-through: tutoriel professionnel
Sep 18, 2025 pm 01:03 PM
Cet article présentera comment utiliser JavaScript pour réaliser l'effet de cliquer sur les images. L'idée principale est d'utiliser l'attribut Data- * de HTML5 pour stocker le chemin d'image alternatif et écouter des événements de clic via JavaScript, changez dynamiquement les attributs SRC, réalisant ainsi la commutation d'image. Cet article fournira des exemples de code et des explications détaillés pour vous aider à comprendre et à maîtriser cet effet interactif couramment utilisé.
Comment obtenir l'emplacement de l'utilisateur avec l'API Geolocation en JavaScript?
Sep 21, 2025 am 06:19 AM
Tout d'abord, vérifiez si le navigateur prend en charge GeolocationAPI. Si vous êtes pris en charge, appelez getCurrentPosition () pour obtenir les coordonnées de l'emplacement actuelles de l'utilisateur et obtenir les valeurs de latitude et de longitude grâce à des rappels réussis. Dans le même temps, fournissez des exceptions de traitement des rappels d'erreur tels que l'autorisation de déni, l'indisponibilité de l'emplacement ou du délai d'attente. Vous pouvez également transmettre des options de configuration pour activer une précision élevée, définir le délai d'expiration et la période de validité du cache. L'ensemble du processus nécessite l'autorisation de l'utilisateur et la gestion des erreurs correspondante.
Comment créer un intervalle répétitif avec SetInterval dans JavaScript
Sep 21, 2025 am 05:31 AM
Pour créer un intervalle de répétition dans JavaScript, vous devez utiliser la fonction setInterval (), qui exécutera à plusieurs reprises des fonctions ou des blocs de code à des intervalles de millisecondes spécifiés. Par exemple, setInterval (() => {Console.log ("Exécuter toutes les 2 secondes");}, 2000) publiera un message toutes les 2 secondes jusqu'à ce qu'il soit effacé par ClearInterval (Interpalid). Il peut être utilisé dans les applications réelles pour mettre à jour les horloges, les serveurs de sondage, etc., mais faire attention à la limite de retard minimum et à l'impact du temps d'exécution de la fonction, et effacez l'intervalle dans le temps lorsqu'il n'est plus nécessaire pour éviter les fuites de mémoire. Surtout avant la désinstallation des composants ou la fermeture des pages, assurez-vous que
L'API de composition Nuxt 3 a expliqué
Sep 20, 2025 am 03:00 AM
L'utilisation du noyau de l'API de composition de Nuxt3 comprend: 1. DefinePageMeta est utilisée pour définir les méta-informations de la page, telles que le titre, la mise en page et le middleware, qui doivent être appelées directement et ne peuvent pas être placées dans des déclarations conditionnelles; 2. Usyhead est utilisé pour gérer les balises d'en-tête de page, prend en charge les mises à jour statiques et réactives et doit coopérer avec DefinePageMeta pour obtenir l'optimisation du référencement; 3. USEASYNCDATA est utilisé pour obtenir en toute sécurité des données asynchrones, gérer automatiquement l'état de chargement et d'erreur et prend en charge le contrôle d'acquisition de données du serveur et du client; 4. UseFetch est une encapsulation de usEasyncdata et $ fetch, qui dépente automatiquement la clé de demande pour éviter les demandes en double
Comment copier du texte dans le presse-papiers en javascript?
Sep 18, 2025 am 03:50 AM
Utilisez la méthode WriteText de ClipboardAPI pour copier du texte dans le presse-papiers, il doit être appelé dans le contexte de sécurité et l'interaction utilisateur, prend en charge les navigateurs modernes et l'ancienne version peut être dégradée avec EXECCOMAND.
Comment créer une chaîne multi-lignes en JavaScript?
Sep 20, 2025 am 06:11 AM
ThebestatorreatEAmulti-linestringinjavascriptsisingstingTemplatalalswithbackticks, qui sepresereBreakenexactlyAswritten.
Comment créer et utiliser des expressions de fonction immédiatement invoquées (iife) en javascript
Sep 21, 2025 am 05:04 AM
Aniife (immédiatementInvokedFunctionExpression) est la mise en œuvre de l'assaveur, a créé par oursafonctionnement de laparle
Comment analyser une chaîne JSON dans un objet JavaScript
Sep 21, 2025 am 05:43 AM
Pour analyser les chaînes JSON dans des objets JavaScript, vous devez utiliser la méthode JSON.Parse (), qui peut convertir des chaînes JSON valides en objets JavaScript correspondants, prend en charge l'analyse des objets et des tableaux imbriqués, mais lancera une erreur pour JSON invalide. Par conséquent, vous devez utiliser Try ... Catch pour gérer les exceptions. Dans le même temps, vous pouvez convertir la valeur lors de l'analyse via la fonction Reviver du deuxième paramètre, telles que la conversion de la chaîne de date en un objet de date, réalisant ainsi une conversion de données sûre et fiable.
