Gestire le date con JavaScript: l'oggetto Date()

di: Luca Ruggiero     12 Febbraio 2003

JavaScript offre una serie di utility per il controllo e la gestione della data, più che mai di semplice implementazione logica e sintattica rispetto ad altri linguaggi, ma di potenza di gran lunga superiore rispetto agli stessi, il tutto è reso possibile grazie all'utilizzo dell'oggetto Date().

Prima di passare al codice utile alla risoluzione di questo problema, è bene spendere qualche parola introduttiva e chiarificatrice su questo particolare argomento. L'ora che verrà visualizzata sarà l'ora del sistema operativo del browser dell'utente, a questo, con l'utilizzo di un linguaggio di scripting client-side come JavaScript, non c'è rimedio. Per visualizzare l'orario del server bisognerà utilizzare una tecnologia server-side, come Asp oppure Php.

In questa sede affronteremo diversi argomenti legati alla data in modo da fornirvi esempi su cui poter successivamente costruire i vostri piccoli script automatizzati. Per prima cosa diamo un'occhiata all'oggetto Date() da un punto di vista più tecnico.

Utilizzo e metodi dell'oggetto Date()

L'oggetto Date() viene dichiarato in una variabile di tipo new NOME_OGGETTO(), a questa variabile vengono associati dei metodi che, memorizzati a loro volta in una serie di variabili, vengono poi utilizzate, ad esempio, per stampare a video i relativi output.

Ecco un elenco dei principali metodi dell'oggetto Date():

getDate() - metodo associato al numero del giorno del mese corrente
getDay() - metodo associato al numero del giorno della settimana corrente, ad, esempio 1=lunedì, 5=Venerdì...
getMonth() - metodo associato al mese corrente, contati dall'interprete JavaScript da 0 a 11
getYear() - metodo associato all'anno corrente
getHours() - metodo associato all'orario corrente
getMinutes() - metodo associato al numero di minuti correnti
getSeconds() - metodo associato al numero di secondi correnti
getMilliseconds() - metodo associato al numero di millisecondi correnti

Di ognuno di questi esiste l'equivalente col prefisso set... che serve ad impostare il valore in questione. Ad esempio, mentre getMinutes serve ad ottenere il numero di minuti, setMinutes serve ad impostarli per effetuare calcoli o controlli basati sull'orario. Incontreremo proprio questo metodo come ultimo esempio effettuando un calcolo sui minuti che mancano alla fine dell'ora.

La variabile "data" viene dichiarata come una normale variabile atta ad istanziare un oggetto, ad esempio:

var data = new Date();

Sperimentiamo un semplice codice utile a stampare a video l'orario corrente il formato HH:MM:SS:mm, ovvero ore, minuti, secondi e millisecondi, anche se in genere ci si limita ai secondi, e spesso nemmeno a quelli. Utilizziamo questa forma solo a scopo didattico:

<script type="text/javascript">
 <!--
  var data = new Date();
  var Hh, Mm, Ss, mm;
  Hh = data.getHours() + ":";
  Mm = data.getMinutes() + ":";
  Ss = data.getSeconds() + ":";
  mm = data.getMilliseconds() + ":";
  document.write("Sono le ore " + Hh + Mm + Ss + mm);
 //-->
</script>

Per quanto semplice possa essere questo script è bene analizzarne i vari passaggi.

Guide JavaScript

Guida Node.js

Il framework che permette di per usare V8, l'interprete JavaScript...

Canvas, guida ai framework

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida jQuery UI

Creare siti ricchi e dinamici con jQuery UI, il progetto ufficiale...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso JQuery e Ajax per Webmaster

03 Luglio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti