Gestire le date in JavaScript

Mattia Palugan — Thu, 20 Nov 2008 21:07:38 +0000

Per gestire le date in JavaScript si può utilizzare l’oggetto Date. L’oggetto Date può essere istanziato sia con che senza i parametri. Se non vengono passati parametri, l’oggetto avrà la data e l’ora odierna, altrimenti la data e l’ora assegnata.

Ecco un esempio per avere la data odierna:

var data = new Date();

Ci sono vari metodi per assegnare una data e un’ora determinata.
Si può passare un unico parametro con il numero di millesimi di secondo passati dal 1° gennaio 1970. Per esempio, il 20 novembre 2008 alle ore 21:30 sarà:

var data = new Date(1229830200000);

Un altro metodo è quello di inserire la data in formato testuale. Ecco due esempi per il 20 novembre 2008:

var data = new Date('20 November 2008');
var data = new Date('11-20-2008');

Il metodo più comodo da utilizzare è quello di inserire più parametri con anno, mese, giorno, ore, minuti, secondi e millesimi di secondi (non è obbligatorio inserirli tutti). Per esempio, il 20 novembre 2008 alle ore 21:30 sarà:

var data = new Date(2008,10,20,21,30,0,0);

Esistono dei metodi per estrarre o assegnare un singolo valore della data:

getYear e setYear per estrarre e assegnare l’anno (viene interpretato diversamente dai browser: per alcuni il 2008 è 108 e per altri 2008);
getFullYear e setFullYear per estrarre e assegnare l’anno a quattro cifre;

getMonth e setMonth per estrarre e assegnare il mese (da 0, gennaio, a 11, dicembre);

getDate e setDate per estrarre e assegnare il giorno;
getDay per estrarre il giorno della settimana (da 0, domenica, a 6, sabato);
getHours e setHours per estrarre e assegnare l’ora;
getMinutes e setMinutes per estrarre e assegnare l’ora;
getSeconds e setSeconds per estrarre e assegnare i secondi;
getMilliseconds e setMilliseconds per estrarre e assegnare i millesimi di secondo;
getTime per estrarre il timestamp in millesimi di secondi dal 1° gennaio 1970.

Per avere la data formattata secondo le impostazioni locali dell’utente (nel formato italiano, inglese, ecc.) si può utilizzare il metodo toLocateString.
Ci sono poi dei metodi per gestire i fusi orari che aggiungono la sigla UTC (Universal Time Coordination) ai metodi precedenti (per esempio, setUTCHour). Il corrispettivo di toLocateString è toUTCString che restituisce la data formattata secondo lo standard UTC. Inoltre per sapere quanti minuti di differenza ci sono dal fuso orario dell’utente a quello del meridiano di Greenwich.

Auto focus al caricamento e backspace funzionante? si può!

Giovanni Savastano — Mon, 20 Oct 2008 07:00:16 +0000

A volte piccoli accorgimenti rendono la vita dei navigatori molto più semplice.
Ad esempio, impostare il cursore della tastiera di default nei box di ricerca è un’operazione semplice da realizzare e utile per chi arriva sulle vostre pagine.

Vediamo come farlo in javascript, grazie a Mootools.

Immaginiamo di avere un form di ricerca di questo tipo:




       
       


Semplice ed essenziale.

Per portare il cursore sul campo "q" il codice necessario è davvero corto:

if($('q')){
       $('q').focus();
}

L'IF iniziale ci è utile per poter far partire l'azione solo ed esclusivamente quando il form di ricerca è presente nella pagina che si sta visitando ed evitare che venga generato un errore di tipo NOT FOUND o NOT DEFINED
Aggiungiamo ora l'azione al caricamento della pagina:

window.addEvent('domready',function(){
       if($('q')){
              $('q').focus();
       }
});

L'unico inconveniente di questo trucchetto è che se l'utente si accorge di aver sbagliato pagina e preme il tasto Backspace sulla tastiera per tornare alla pagina precedente, il focus nell'input ne impedirà il funzionamento. E' molto fastidioso!!
Quindi?

quindi dobbiamo fare in modo che alla pressione del Backspace il nostro javascript capisca se stiamo cancellando un testo o stiamo tentando di tornare indietro.

document.addEvent('keydown', function(event){
       var event = new Event(event);
       if(event.key == 'backspace' && !q.value){
              history.back();
       }
});

fatto!
NOTA: se volete evitare di caricare un framework come mootools nel vostro sito solo per effettuare un'operazione del genere, potete tranquillamente ricorrere al javascript tradizionale in questo modo:

window.onload = function () {
       if(document.getElementById('q')){
              var campo = document.getElementById('q');
              campo.focus();
       }
       document.onkeydown = function (event) {
              if(!event){
                      var event = window.event;
              }
              if (event.keyCode === 8 && !q.value) {
                      history.back();
              }
       }
}

alla prossima!

Ciarpame {.com} » javascript

Gestire le date in JavaScript

Auto focus al caricamento e backspace funzionante? si può!