Aktualna data w tabelce - JavaScript

0

Witam wszystkich !
Zdaje sobie sprawę iż zadanie o pomoc którego proszę jest banalne, ale mam pierwszy raz do czynienia z JavaScript.Chcę porostu sformatować datę za pomocą ramek w których osobno znajduję się dzień, miesiąc i rok - tak jak na załączonym obrazku. Próbowałem za pomocą szablonów CSS, ale domyślam się że należy to zrobić za pomocą JavaScript. Poniżej zamieszam kod i z góry dziękuje za wszelkie wskazówki.
data.jpg

 <html>
</!DOCTYPE html>
<html>
<head>
	<title> Data</title>
	<!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
</head>
<body>


<div id="data">
<script type="text/javascript">

	var d= new Date();

	document.write ('<i>Dzisiejsza data: </i>'+d.toLocaleDateString() )



	
</script>
</div>


</body>
</html>
1

No dobra, a jak byś to zrobił, gdybyś chciał tą date wpisać na sztywno? Musiałbyś stworzyć trzy komórki, nadać im odpowiedni wygląd i wpisac na sztywno date. Teraz, żeby zastąpić tą datę musisz sie dowiedziec jak z uzyciem javascript pobrać dzień, miesiąc i rok :) powodzenia

1

Dokładnie, musisz stworzyć 3 elementy, do których wrzucisz części daty - dzień, miesiąc, rok.

Możesz użyć funkcji getFullYear(), getMonth(), getDate() na obiekcie daty.

0

Dziękuje wszystkim za wskazówki i rozjaśnienie ;-) Poniżej efekt. Pozdrawiam !

 <!DOCTYPE html>
<html>
<!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
<head>
	<title>Dzisiaj</title>
</head>
<body>
<div id="conteiner">
<div id="dzien">


<table border="7">
	<tr>
		<td> 
		<script type="text/javascript">
			var data = new Date();

			var dzien = data.getDate();
			if (dzien<10) {
				dzien="0"+dzien;
			}
			document.write(dzien);
		</script>
		</td>
		<td>
			<script type="text/javascript">

				var miesiac = data.getMonth()+1;
				if (miesiac<10) {
					miesiac="0"+miesiac;
					document.write(miesiac);
				}
			</script>
		</td>
		<td>
			<script type="text/javascript">
				var rok = data.getFullYear ();
				document.write(rok);
			</script>
		</td>
	</tr>
</table>
</div>	
</div>	
</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1