interface Web
js tutoriel
Comment vérifier deux horodatages pour le même jour en JavaScript ?
Comment vérifier deux horodatages pour le même jour en JavaScript ?
Vous n'utilisez jamais JavaScript lors du développement d'une application et vous n'utilisez jamais d'objets Date. L'objet Date est très important en JavaScript car il nous permet de créer et de manipuler des dates selon les exigences du développeur.
Dans ce tutoriel, nous apprendrons à vérifier si deux horodatages sont le même jour ou des jours différents. En développement temps réel, c’est très utile. Par exemple, nous souhaitons que les utilisateurs effectuent certaines tâches quotidiennes. Nous devons donc vérifier si l'utilisateur a effectué la tâche d'aujourd'hui, nous pouvons le vérifier en comparant la dernière date à laquelle la tâche a été effectuée avec la date actuelle.
Comparez respectivement l'année, le mois et le jour de deux objets Date
L'objetDate() contient les méthodes getFullYear(), getMonth() et getDate() pour obtenir respectivement l'année, le mois et le jour à partir d'une valeur de date. Nous pouvons vérifier si l’année, le mois et le jour de deux horodatages sont identiques ; ils correspondent tous deux au même jour.
Grammaire
Les utilisateurs peuvent vérifier deux horodatages du même jour à l'aide des opérateurs getFullYear(), getMonth(), getDate() et d'égalité selon la syntaxe suivante.
if (
date1.getFullYear() === date2.getFullYear() &&
date1.getMonth() === date2.getMonth() &&
date1.getDate() === date2.getDate()
) {
// date is the same
} else {
// date is not the same
}
Dans la syntaxe ci-dessus, date1 et date2 sont deux horodatages différents.
Exemple
Dans l'exemple ci-dessous, nous avons créé trois dates nommées date1, date2 et date3. Nous avons créé la fonction compareTwoDates() qui utilise la logique ci-dessus pour comparer deux horodatages du même jour.
<html>
<body>
<h3>Compare the<i> year, month, and date </i> to check for two timestams of same day.</h3>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
var date1 = new Date();
var date2 = new Date(date1.getTime() - 3000);
function compareTwoDates(date1, date2) {
// if the year, month, and date are the same, it means two dates are on the same day
if (
date1.getFullYear() === date2.getFullYear() &&
date1.getMonth() === date2.getMonth() &&
date1.getDate() === date2.getDate()
) {
output.innerHTML += date1 + " and <br>" + date2 + " <br>are of same day. </br><br>";
} else {
output.innerHTML += date1 + " and <br>" + date2 + " <br>are not of same day. </br>";
}
}
compareTwoDates(date1, date2);
let date3 = new Date(2020, 11, 10);
compareTwoDates(date1, date3);
</script>
</body>
</html>
Réglez les heures, les minutes, les secondes et les millisecondes à zéro et comparez deux dates
La méthodesetHours() de l'objet Date() nous permet de définir les heures, les minutes, les secondes et les millisecondes dans l'horodatage. Il faut quatre paramètres, représentant les heures, les minutes, les secondes et les millisecondes. De plus, les trois derniers paramètres sont facultatifs, mais nous les mettons tous à zéro. Lorsque nous mettons les heures, les minutes, les secondes et les millisecondes à zéro, nous pouvons obtenir l'horodatage du début de la journée. Si deux horodatages ont la même heure de début, ils correspondent au même jour.
Grammaire
Suivez la syntaxe ci-dessous pour comparer deux horodatages du même jour.
date1.setHours(0, 0, 0, 0);
date2.setHours(0, 0, 0, 0);
// compare timestamp
if (date1 == date2) {
// date is the same
} else {
// date is not the same
}
Dans la syntaxe ci-dessus, nous comparons date1 et date2 après avoir mis les heures à zéro à l'aide de la méthode setHours().
Exemple
Dans l'exemple ci-dessous, nous avons créé deux horodatages à l'aide d'objets Date(). La fonction CompareTwoDates() vérifie si les horodatages correspondent au même jour en définissant les heures, minutes, secondes et millisecondes des deux horodatages sur zéro.
<html>
<body>
<h3>Seting<i> Hours, minutes, seconds, and milliseconds </i> to zero to check for two timestamps of the same day </h3>
<p id="output"></p>
<script>
let output = document.getElementById("output");
var date1 = new Date();
var date2 = new Date(date1.getTime() - 3786000);
function compareTwoDates(date1, date2) {
// set hours, minutes, seconds, and milliseconds zero in the timestamp
date1.setHours(0, 0, 0, 0);
date2.setHours(0, 0, 0, 0);
// compare timestamp
if (date1 == date2) {
output.innerHTML += date1 + " and <br>" + date2 + "<br> are of same day. </br>";
} else {
output.innerHTML += date1 + " and <br>" + date2 + "<br> are not of same day. </br>";
}
}
compareTwoDates(date1, date2);
</script>
</body>
</html>
Utilisez la méthode toDateString()
La méthodetoDateString() nous permet d'obtenir uniquement la chaîne de date de l'horodatage et elle supprime l'heure de l'horodatage et renvoie uniquement la chaîne de date. Si la chaîne de date de deux horodatages est la même, alors nous pouvons dire que les deux sont le même jour.
Grammaire
Suivez la syntaxe suivante pour vérifier deux horodatages du même jour à l'aide de la méthode toDateString().
if (date1.toDateString() == date2.toDateString()) {
// dates are of the same day
} else {
// dates are not on the same day
}
Exemple
Dans l'exemple ci-dessous, lorsque l'utilisateur clique sur le bouton "Comparer deux dates", il appelle la fonction isForSameDays(). Dans la fonction isForSameDays(), nous utilisons la méthode toDateString() pour obtenir uniquement la chaîne de date de l'horodatage et utilisons l'opérateur d'égalité pour comparer les deux chaînes de date.
<html>
<body>
<h3>Using the <i> toDateString() method </i> to check for two timestams of same day.</h3>
<p id="output"></p>
<script>
let output = document.getElementById("output");
var date1 = new Date();
var date2 = new Date(2020, 01, 21, 12, 23, 22);
// compare timestamp using the toDateString() method
if (date1.toDateString() == date2.toDateString()) {
output.innerHTML += date1 + " and " + date2 + " are of same day. </br>";
} else {
output.innerHTML += date1 + " and " + date2 + " are not of same day. </br>";
}
</script>
</body>
</html>
Ce tutoriel nous apprend trois méthodes pour vérifier deux horodatages du même jour. La troisième façon d’utiliser la méthode toDateString() est une simple ligne.
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
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
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.
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 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.
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.
Types conditionnels avancés en dactylographie
Aug 04, 2025 am 06:32 AM
Les types de conditions avancées de TypeScript implémentent le jugement logique entre les types via TextendU? X: Y Syntaxe. Ses capacités de base se reflètent dans les types de conditions distribuées, l'inférence de type inférieure et la construction d'outils de type complexe. 1. Le type conditionnel est distribué dans les paramètres de type nu et peut automatiquement diviser le type de joint, tel que pour obtenir la chaîne [] | nombre []. 2. Utiliser la distribution pour construire des outils de filtrage et d'extraction: exclut exclut les types via TextendU? Never: T, extraire extrait les points communs via TextendU? T: jamais, et des filtres non nuls nuls / non définis. 3
Architecture Micro Frontend: un guide de mise en œuvre pratique
Aug 02, 2025 am 08:01 AM
MicrofronttendSSolvescalingCallegengeSInLargeTeamsByAnabled indépendante développement et élaboration de choOsanIntegrationsStrategy: UseModuleFederationInwebpack5ForruntimeLoadingAndTrue Independence, Build-Time IntegrationForsIpleSetups, Oriframes / webcomponents webcomponents
