Un'idea per formattare le date?

**globalace** · 05-02-2013, 23:10

Salve ho la seguente form

codice:

<form  method="get" action="gestione">
  


    <input type="radio" name="gruppo" value="1" /><label id="data">2013-02-13</label>	 				 					 	   </p>
  

  
     <input type="radio"	name="gruppo" value="2" /><label id="data">2013-03-30</label>	 				 					 	  </p>		 			 			
<input type="submit" name="Submit" value="Visualizza" /> 			
</form>

Come potete notare nei campi label è contenuta una data (recuperata da un db), vorrei che questa data fosse visualizzata all'italiana es. 13-02-2013, jquery com può aiutarmi?
Volveo usare .val("....") ma non credo faccia al caso mio, grazie
grazie

**br1** · 05-02-2013, 23:34

Ma perche' scomodare jquery quando il risultato si puo' ottenere lato server con mezza riga di codice?

Vabbe', ti lascio agli esperti

**globalace** · 05-02-2013, 23:55

progetto didattico...obbligato!
Non posso inserire codice se non jquery nella jsp

**br1** · 06-02-2013, 00:29

Non credo che jquery lo possa fare nativamente... ma ci sono tante soluzione se cerchi un pochino, per esempio: http://www.jquery4u.com/jquery-funct...plete-listing/

**carlomarx** · 06-02-2013, 02:06

Come ti ha già risposto br1, è una follia usare javascript per una cosa del genere, quando hai linguaggi lato server che risolvono il problema a monte. In ogni caso…

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
onload = function () {
	for (var aDate, nIdx = 0, aLabels = document.querySelectorAll("label.data"); nIdx < aLabels.length; nIdx++) {
		aDate = aLabels[nIdx].innerHTML.split("-");
		aDate.reverse();
		aLabels[nIdx].innerHTML = aDate.join("/");
	}
};
</script>
</head>

<body>

<form method="get" action="gestione">
	


		<input type="radio" name="gruppo" id="data1" value="1" />
		<label for="data1" class="data">2013-02-13</label>
	</p>
	


		<input type="radio" name="gruppo" id="data2" value="2" />
		<label for="data2" class="data">2013-03-30</label>
	</p>	
	

<input type="submit" name="Submit" value="Visualizza" /></p>
</form>

</body>

</html>

**carlomarx** · 06-02-2013, 02:14

Se invece vuoi usare i metodi delle istanze di Date per scegliere il formato puoi fare qualcosa del genere. In questo esempio ho usato toLocaleDateString()…

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
onload = function () {
	for (

		var aDate, nIdx = 0, aLabels = document.querySelectorAll("label.data");

		nIdx < aLabels.length;

		aLabels[nIdx].innerHTML = (new (Function.prototype.bind.apply(Date, [null].concat(aLabels[nIdx++].innerHTML.split("-"))))()).toLocaleDateString()

	);
};
</script>
</head>

<body>

<form method="get" action="gestione">
	


		<input type="radio" name="gruppo" id="data1" value="1" />
		<label for="data1" class="data">2013-02-13</label>
	</p>
	


		<input type="radio" name="gruppo" id="data2" value="2" />
		<label for="data2" class="data">2013-03-30</label>
	</p>	
	

<input type="submit" name="Submit" value="Visualizza" /></p>
</form>

</body>

</html>

**globalace** · 06-02-2013, 17:36

Grazie a tutti, alla fine ho utilizzato jstl.

Discussione: Un'idea per formattare le date?

Strumenti discussione

Ricerca discussione

Visualizza

Un'idea per formattare le date?

RISOLTO

Permessi di invio