Présentation
JavaScript est un langage de programmation léger utilisé pour le World Wide Web. La Date JavaScript objet est utile pour vérifier la date et l'heure à laquelle un visiteur arrive sur votre site Web.
Ce guide vous guidera dans l'utilisation de JavaScript pour obtenir la date et l'heure actuelles d'un client.
Prérequis
- Connaissance de JavaScript (y compris la création, l'enregistrement et l'exécution de scripts)
Créer l'objet Date en JavaScript
La Date JavaScript objet aide lorsque vous travaillez avec des dates. Pour créer un nouvel objet avec la date et l'heure actuelles, ajoutez la Date variable à votre script :
<script>
var today = new Date();
</script>Utilisez la méthode Get pour afficher la date actuelle en JavaScript
Si vous souhaitez obtenir la date au format AAAA-MM-JJ format, modifiez le date_test.html document, et ajoutez la variable suivante :
<script>
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
</script>La deuxième ligne comprend les instructions suivantes :
aujourd'hui.getFullYear() – Utilise la variable d'aujourd'hui pour afficher l'année à 4 chiffres.
aujourd'hui.getMonth()+1 – Affiche le mois numérique – le +1 convertit le mois du numérique (0-11) en normal.
aujourd'hui.getDate() – Affiche le jour numérique du mois.
Si vous préférez un format différent, changez simplement l'ordre des commandes.
Remarque :Il y a un tiret entre chaque commande. Cela crée un tiret entre chaque segment de la date.
Afficher les heures, les minutes et les secondes à l'aide de JavaScript
Pour afficher l'heure en HH:MM:SS format, modifiez votre script pour qu'il ressemble à ceci :
<script>
var today = new Date();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
</script>
aujourd'hui.getHours() – Cela utilise la variable d'aujourd'hui pour afficher l'heure actuelle. Cela utilise une horloge de 24 heures.
aujourd'hui.getMinutes() – Affiche la lecture des minutes en cours.
aujourd'hui.getSeconds() – Affiche la lecture des secondes en cours.
Remarque :Il y a deux-points entre chaque commande. Cela place un deux-points entre chaque affichage numérique afin qu'il se lise comme une horloge.
Afficher la date et l'heure actuelles complètes en JavaScript
Combinez les deux commandes pour afficher la date et l'heure complètes au format AAAA-MM-JJ et HH:MM:SS formats. Modifiez votre script comme suit :
<script>
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
</script>La dernière ligne combine les deux autres morceaux de code. Cela indique au système d'afficher la date complète à côté de l'heure complète.
Testez le code : Si vous souhaitez tester ou modifier le code mentionné dans cet article, reportez-vous à notre article Apprendre à obtenir la date et l'heure actuelles en JavaScript dans CodePen.