Maison  >  Article  >  interface Web  >  Comment insérer par programme la date actuelle au format JJ/MM/AAAA dans une entrée de formulaire en JavaScript ?

Comment insérer par programme la date actuelle au format JJ/MM/AAAA dans une entrée de formulaire en JavaScript ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-21 19:47:02286parcourir

How to Programmatically Insert the Current Date in DD/MM/YYYY Format into a Form Input in JavaScript?

Ajout de la date actuelle à la saisie au format JJ/MM/AAAA

Le développement d'applications Web implique souvent l'incorporation d'horodatages dans les soumissions de formulaires. Dans ce cas, nous cherchons à intégrer la date actuelle dans un élément d'entrée caché pour une récupération côté serveur. Le format souhaité est jj/mm/aaaa.

Solution JavaScript :

Pour générer dynamiquement la date au format souhaité et l'ajouter à l'élément d'entrée, suivez ces étapes en JavaScript :

  1. Créez un nouvel objet Date pour représenter la date actuelle : const Today = new Date();.
  2. Extrayez l'année (aaaa) de l'objet Date en utilisant .getFullYear().
  3. Obtenez le mois (mm) en ajoutant un au résultat de .getMonth() car les mois JavaScript sont indexés à zéro.
  4. Récupérez le jour du mois (dd ) en utilisant .getDate().
  5. Ajoutez des zéros non significatifs aux valeurs du jour et du mois si elles sont inférieures à 10 : if (dd < 10) dd = '0' dd;.
  6. Concaténez les composants de date formatés : const formattedToday = dd '/' mm '/' yyyy;.
  7. Enfin, définissez l'attribut value de l'élément d'entrée avec la date formatée : document.getElementById('DATE'). value = formattedToday;.

Cette solution vous fournit une représentation sous forme de chaîne de la date formatée dans le format souhaité, que vous pouvez ajouter à l'élément d'entrée masqué pour le traitement du serveur.

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!

Déclaration:
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