Récupérer la date dans un champ

**david71** · 20/09/2005, 09h26

Salut,

Je cherche à récupérer la date dans un champ texte d'un formulaire de type "input".

J'ai trouvé ce code javascript, mais je ne sais pas ensuite comment récupérer la date dans le champ.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
var today = new Date();
var month = today.getMonth() + 1;
var day = today.getDate();
var year = today.getFullYear();
var s = "/";

Merci pour toute info supplémentaire.

**denisC** · 20/09/2005, 09h28

Envoyé par david71

Je cherche à récupérer la date dans un champ texte d'un formulaire de type "input".

Tout dépends du format de la date que tu as dans ton champ texte.... Sais-tu quel est ce format? jj/mm/aaaaa ou jj:mm:aa? ou mm:jj:aa? Il faut le savoir....

**MANU_2** · 20/09/2005, 09h30

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getelementbyid(id_input).value = month + s + day + s + year;

**david71** · 20/09/2005, 09h49

OK, mais alors sur quel événement je dois mettre "document.getelementbyid", si je veux que le champ se remplisse au lancement de la page ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<form name="date" ID="Form1"...on..=>

**MANU_2** · 20/09/2005, 09h51

Sur l'évènement onload de la page (body par exemple)

**david71** · 20/09/2005, 09h56

Merci, voilà mon code, mais ça ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title>
		<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">		
 
		<script type="text/javascript">
 
var today = new Date(); 
var month = today.getMonth() + 1; 
var day = today.getDate(); 
var year = today.getFullYear(); 
var s = "/";
 
</script>
 
	</head>
	<body onload="document.getelementbyid(date.forms).value = month + s + day + s + year;">
		<FONT color="#ff0066">terterterterter</FONT>
		<form name="date" ID="Form1">
			<input type="text" size="20" name="forms" ID="Text1">
		</form>
	</body>
</html>

**denisC** · 20/09/2005, 09h59

La fonction c'est getElementById pas getelementbyid....

**MANU_2** · 20/09/2005, 10h02

document.getelementbyid(id_input).value = month + s + day + s + year;

Dans ton cas id_input = Text1 et non date.forms

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function date_aff()
{
var today = new Date();
var month = today.getMonth() + 1;
var day = today.getDate();
var year = today.getFullYear();
var s = "/";
 
document.getelementbyid(Text1).value = month + s + day + s + year;
}
 
<body onload="date_aff();">

**david71** · 20/09/2005, 10h10

En lançant ma page avec ce ode, j'obtiens le message "Text1" est indéfini.

**MANU_2** · 20/09/2005, 10h14

Et ça ? :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
   <body>
      <FONT color="#ff0066">terterterterter</FONT>
      <form name="date" ID="Form1">
         <input type="text" size="20" name="forms" ID="Text1">
      </form>
 
<?php
  echo '<script language="JavaScript">date_aff();</script>';
?>
 
   </body>
</html>

**MANU_2** · 20/09/2005, 10h18

Autre solution plus simple, mais en php:

<input type="text" size="20" name="forms" ID="Text1" value="<?php echo date("d/m/Y"); ?>">

**david71** · 20/09/2005, 10h24

Mon serveur ne gère hélas pas PHP...est-ce que ça peut marcher quand même ?

**MANU_2** · 20/09/2005, 10h30

Tu dois avoir la même chose en ASP.

**fred777888999** · 20/09/2005, 10h34

met le JS apres la declaration de ton champ, voire apres ton body. Ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
</head>
<body>
<form>
<input id='Date'>
</form>
</body>
<script type="text/javascript">
document.getElementById('Date').value = new Date();
</script>
</html>

A adapter a ton cas en faisant les transformations sur Date que tu juge necessaires.
++
Fred.

**MANU_2** · 20/09/2005, 10h38

Envoyé par fred777888999

met le JS apres la declaration de ton champ, voire apres ton body. Ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
</head>
<body>
<form>
<input id='Date'>
</form>
</body>
<script type="text/javascript">
document.getElementById('Date').value = new Date();
</script>
</html>

A adapter a ton cas en faisant les transformations sur Date que tu juge necessaires.
++
Fred.

Pas joli ça

Le code JS est à mettre entre les balise <head> .

**fred777888999** · 20/09/2005, 10h41

Les declarations de fonctions sont a mettre dans les balises head (et je n'en ai pas fait), executer du code js une fois la page chargee (donc apres le body) pour initialiser les champs est tout a fait banal.

**SpaceFrog** · 20/09/2005, 10h48

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getelementbyid('Text1').value = month + s + day + s + year;

L'id est un string
donc getElementById('Text1')

**david71** · 21/09/2005, 16h10

OK, merci, le problème c'était les quotes !
Par contre, je récupère dans le champ form la date suivante :
"9/21/2005" alors que je voudrais avoir "09/21/2005", comment faire pour obtenir ce résultat ?

Merci pour toute réponse.

**MANU_2** · 21/09/2005, 16h31

Je ne suis pas sùr, mais essaie ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
d2 = new formatDate(date);	
 
function formatDate(chaine)   // un constructeur de classe qui définit un objet formatDate
{
  var ctl = /^(\d\d?)\/(\d\d?)\/(\d\d)(\d\d)?$/;
  var tab = ctl.exec(chaine);
  if (tab.length) {
     this.jour = tab[1];
     this.mois = tab[2] - 1;
     if (tab.length > 4) this.an = (tab[4]) ? tab[3] + tab[4] : 2000 + eval(tab[3]);
     else this.an = 2000 + eval(tab[3]);
     this.OK = true;
  }
  else this.OK = false;
}

**SpaceFrog** · 21/09/2005, 16h44

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getelementbyid('Text1').value =  (month.toString.length<2?'0'+month:month) + s + (day.toString.length<2?'0'+day:day) + s + year);

Récupérer la date dans un champ

JavaScript

Discussions similaires

Partager

Partager