Maison > interface Web > js tutoriel > Comment ajouter la date actuelle au format jj/mm/aaaa à une entrée à l'aide de Javascript ?

Comment ajouter la date actuelle au format jj/mm/aaaa à une entrée à l'aide de Javascript ?

Barbara Streisand
Libérer: 2024-10-21 19:48:29
original
413 Les gens l'ont consulté

How to Append the Current Date in dd/mm/yyyy Format to an Input Using Javascript?

Comment obtenir et formater la date actuelle en Javascript en l'ajoutant à l'entrée

Pour ajouter une date actuelle au format jj/mm/aaaa à un champ de saisie HTML masqué, vous pouvez utiliser Javascript. Suivez ces étapes :

  1. Créez un nouvel objet Date : Instanciez un objet Date (const aujourd'hui = new Date();) pour représenter la date actuelle.
  2. Extraire les composants de date : Extrayez l'année (aaaa), le mois (mm) et le jour (jj) de l'objet Date.
  3. Formater la date : Ajouter zéros non significatifs pour garantir un formatage correct, en particulier pour les mois et les jours à un chiffre.
  4. Construisez la date formatée : Concaténez les composants formatés (jj '/' mm '/' aaaa) pour obtenir le format jj/mm/aaaa souhaité.
  5. Mettre à jour l'entrée HTML : Définissez l'attribut value de l'élément d'entrée masqué (document.getElementById('DATE').value = formattedToday;) sur la date actuelle formatée.

Exemple de code :

<code class="javascript">const today = new Date();
const yyyy = today.getFullYear();
let mm = today.getMonth() + 1; // Months start at 0!
let dd = today.getDate();

if (dd < 10) dd = '0' + dd;
if (mm < 10) mm = '0' + mm;

const formattedToday = dd + '/' + mm + '/' + yyyy;

document.getElementById('DATE').value = formattedToday;</code>
Copier après la connexion

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!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal