Obtenez la date du jour en HTML

1. Utilisez la fonction JavaScript Date() pour obtenir la date actuelle en HTML
2. Obtenez la date du jour au format y/m/d en HTML
3. Obtenez la date actuelle à l’aide de la méthode JavaScript toLocaleDateString() en HTML

Dans cet article, nous allons présenter quelques méthodes pour obtenir la date actuelle en HTML.

Utilisez la fonction JavaScript Date() pour obtenir la date actuelle en HTML

Nous pouvons utiliser la fonction JavaScript Date() pour obtenir la date actuelle. La fonction renvoie la date et l’heure actuelles. Nous pouvons créer un conteneur HTML et y afficher la date actuelle en utilisant JavaScript. Nous utiliserons la propriété innerHTML pour écrire la date en HTML.

Par exemple, créez un div et définissez current_date comme son identifiant. Ensuite, écrivez du JavaScript dans la balise script. Sélectionnez le current_id à l’aide de la propriété getElementById et appelez la fonction Date(). Utilisez la propriété innerHTML pour écrire la date renvoyée en HTML.

L’exemple ci-dessous affichera la date et l’heure actuelles, comme indiqué dans la section de sortie ci-dessous. La sortie contient le jour de la semaine, le mois, le jour, l’année, l’heure, la minute, la seconde et l’heure GMT et les informations sur l’emplacement.

Exemple de code :

<div id="current_date">
    <script>
        document.getElementById("current_date").innerHTML = Date();
    </script>
</div>

Obtenez la date du jour au format y/m/d en HTML

On peut également retrouver la date du jour au format y/m/d en utilisant les différentes méthodes JavaScript Date(). On peut obtenir l’année courante à partir de la méthode getFullYear(), le mois courant à partir de la méthode getMonth() et le jour courant à partir de la méthode getDate(). Dans cette méthode, nous utiliserons l’objet Date() pour accéder à ces différentes fonctions. On peut formater la date comme on veut et l’afficher sur une page HTML en utilisant la propriété innerHTML.

Par exemple, créez un div avec le même identifiant que dans la méthode ci-dessus. En JavaScript, créez un objet date de la classe date. Ensuite, créez trois variables year, month et day. Utilisez l’objet date pour appeler les méthodes getFullYear(), getMonth() et getDate(), et stockez-les dans ces variables respectives. Ensuite, utilisez l’objet document et appelez la propriété getElementById pour sélectionner l’id du div. Ensuite, définissez le innerHTML sur les variables month, day et year séparées par une barre oblique.

De cette façon, nous pouvons obtenir la date du jour au format m/d/y en HTML en utilisant la classe JavaScript Date().

Exemple de code :

<div id="current_date">
    <script>
        date = new Date();
        year = date.getFullYear();
        month = date.getMonth() + 1;
        day = date.getDate();
        document.getElementById("current_date").innerHTML = month + "/" + day + "/" + year;
    </script>
</div>

Obtenez la date actuelle à l’aide de la méthode JavaScript toLocaleDateString() en HTML

Nous pouvons utiliser la fonction JavaScript toLocaleDateString() pour trouver la date actuelle. La fonction toLocaleDateString() renvoie la date courante selon la langue fournie dans la fonction. Il existe différentes conventions spécifiques à la langue, et nous pouvons définir la langue avec la fonction toLocaleDateString(). La fonction prend deux paramètres qui sont locales et options. On peut spécifier la langue de sortie par l’option locales. Par exemple, nous pouvons utiliser en-US pour l’anglais américain et en-GB pour l’anglais britannique.

Par exemple, créez un div et écrivez du JavaScript dans la balise script. Créez un objet date de la classe Date() et appelez la méthode toLocaleDateString(). Ensuite, utilisez document.write() pour afficher la variable date.

Nous pouvons voir la sortie au format m/d/y. Ainsi, nous pouvons utiliser la méthode toLocaleDateString() pour trouver la date courante en HTML.

Exemple de code :

<div>
    <script>
        date = new Date().toLocaleDateString();
        document.write(date);
    </script>
</div>