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.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
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)
Appareils et contextes avancés JavaScript
Jul 24, 2025 am 12:42 AM
La portée de JavaScript détermine la portée d'accessibilité des variables, qui sont divisées en étendue globale, fonction et au niveau du bloc; Le contexte détermine la direction de cela et dépend de la méthode d'appel de fonction. 1. Les étendues incluent la portée globale (accessible n'importe où), la portée de la fonction (valide uniquement dans la fonction) et la portée au niveau du bloc (LET et const sont valides dans {}). 2. Le contexte d'exécution contient l'objet variable, la chaîne de portée et les valeurs de cela. Cela pointe vers global ou non défini dans la fonction ordinaire, l'appel de méthode pointe vers l'objet d'appel, le constructeur pointe vers le nouvel objet, et peut également être explicitement spécifié par appel / application / liaison. 3. La fermeture fait référence aux fonctions accédant et en se souvenant des variables de portée externes. Ils sont souvent utilisés pour l'encapsulation et le cache, mais peuvent provoquer
Comment obtenir la valeur d'un bouton radio sélectionné avec JS?
Jul 18, 2025 am 04:17 AM
Il existe deux méthodes de base pour obtenir la valeur du bouton radio sélectionné. 1. Utilisez QuerySelector pour obtenir directement l'élément sélectionné, et utilisez l'entrée [name = "Votre nom-radio"]: Sélecteur vérifié pour obtenir l'élément sélectionné et lire son attribut de valeur. Il convient aux navigateurs modernes et a un code concis; 2. Utilisez Document.PetelementsByName pour traverser et trouver la première radio vérifiée via la boucle Nodelist et obtenir sa valeur, qui convient aux scénarios compatibles avec les anciens navigateurs ou nécessitent un contrôle manuel du processus; De plus, vous devez faire attention à l'orthographe de l'attribut de nom, à la gestion des situations non sélectionnées et à un chargement dynamique du contenu
API de composition Vue 3 Vs API Options: une comparaison détaillée
Jul 25, 2025 am 03:46 AM
CompositionAPI dans Vue3 convient plus à la logique complexe et à la dérivation de type, et OptionsAPI convient aux scénarios et débutants simples; 1. OptionsAPI organise le code en fonction d'options telles que les données et les méthodes, et a une structure claire mais les composants complexes sont fragmentés; 2. CompositionAPI utilise la configuration pour concentrer la logique liée, ce qui est propice à la maintenance et à la réutilisation; 3. CompositionAPI réalise la réutilisation logique sans conflit et paramétrisable par le biais de fonctions composables, ce qui est mieux que le mixin; 4. CompositionAPI a une meilleure prise en charge de la dérivation de type dactylographiée et de type plus précise; 5. Il n'y a pas de différence significative dans le volume de performances et d'emballage des deux; 6.
Exploration des règles de coercition de type en javascript
Jul 21, 2025 am 02:31 AM
La coulée de type est le comportement de la conversion automatique d'un type de valeur en un autre type en JavaScript. Les scénarios courants incluent: 1. Lorsque vous utilisez des opérateurs, si un côté est une chaîne, l'autre côté sera également converti en une chaîne, comme '5' 5. Le résultat est "55"; 2. Dans le contexte booléen, les valeurs non cooliennes seront implicitement converties en types booléens, tels que des chaînes vides, 0, nuls, non définies, etc., qui sont considérées comme fausses; 3. Null participe aux opérations numériques et sera convertie en 0, et non défini sera converti en NAN; 4. Les problèmes causés par la conversion implicite peuvent être évitées grâce à des fonctions de conversion explicites telles que Number (), String () et Boolean (). La maîtrise de ces règles aide
Maîtriser les modèles de concurrence JavaScript: les travailleurs du web contre les threads Java
Jul 25, 2025 am 04:31 AM
Il existe une différence essentielle entre les travailleurs Web de JavaScript et Javathreads dans un traitement simultané. 1. JavaScript adopte un modèle unique. WebWorkers est un fil indépendant fourni par le navigateur. Il convient pour effectuer des tâches longues qui ne bloquent pas l'interface utilisateur, mais ne peuvent pas utiliser le DOM; 2. Java prend en charge le multithreading réel à partir du niveau de la langue, créé via la classe de threads, adapté à un traitement simultanée complexe et côté serveur; 3. Les travailleurs Web utilisent PostMessage () pour communiquer avec le fil principal, qui est hautement sécurisé et isolé; Les threads Java peuvent partager la mémoire, de sorte que les problèmes de synchronisation doivent être prêts à prêter attention; 4. Les travailleurs Web sont plus adaptés à l'informatique parallèle frontale, comme le traitement d'image, et
Comment formater une date dans JS?
Jul 20, 2025 am 12:10 AM
Les dates de format dans JavaScript peuvent être implémentées via des méthodes natives ou des bibliothèques tierces. 1. Utilisez des coutures d'objets à date native: Obtenez la partie de date via Gettillyar, Getmonth, GetDate et d'autres méthodes, et les épisser manuellement dans des formats Yyyy-MM et d'autres, qui conviennent aux besoins légers et ne reposent pas sur des bibliothèques tierces; 2. Utilisez la méthode TolocaleDateString: vous pouvez sortir tel que le format mm / dd / yyyy en fonction des habitudes locales, en charge multilingue, mais le format peut être incohérent en raison de différents environnements; 3. Utilisez des bibliothèques tierces telles que Day.js ou Date-FNS: Fournit une syntaxe concise et des fonctions riches, adaptées aux opérations fréquentes ou lorsque l'extensibilité est requise, comme DayJS ()
Construire un outil CLI avec Node.js
Jul 24, 2025 am 03:39 AM
Initialiser le projet et créer package.json; 2. Créez un script d'entrée index.js avec shebang; 3. Registre des commandes via des champs bin dans package.json; 4. Utilisez des Yargs et d'autres bibliothèques pour analyser les paramètres de ligne de commande; 5. Utilisez le test local NPMLink; 6. Ajouter l'aide, la version et les options pour améliorer l'expérience; 7. Publier éventuellement via NPMPublish; 8. Affectuer éventuellement l'achèvement automatique avec Yargs; Enfin, créez des outils CLI pratiques grâce à une structure raisonnable et à une conception de l'expérience utilisateur, effectuer des tâches d'automatisation ou distribuer des widgets et se terminer par des phrases complètes.
Comment créer et ajouter des éléments dans JS?
Jul 25, 2025 am 03:56 AM
Utilisez Document.CreateElement () pour créer de nouveaux éléments; 2. Personnaliser les éléments via TextContent, ClassList, SetAttribute et d'autres méthodes; 3. Utilisez des méthodes APPEDCHILD () ou plus flexibles APPEND () pour ajouter des éléments au DOM; 4. Utiliser éventuellement INSERTBEFORE (), avant () et d'autres méthodes pour contrôler la position d'insertion; Le processus complet consiste à créer → Personnaliser → Ajouter, et vous pouvez mettre à jour dynamiquement le contenu de la page.
