Oggetto built-in Date

In questo video parlerò dell'oggetto Date, un oggetto built-in di JavaScript.
Questo oggetto è essenziale per manipolare date e orari, sia che essi siano passati, presenti o futuri.
Vedremo come maneggiare l'oggetto Date: useremo metodi come getMonth() o getHours() per ricavare date/orari e useremo metodi come setDate() e setFullYear() per crearne di nuovi.
Parleremo poi di come eseguire operazioni con le date (aggiungere o togliere giorni e ore) e infine vedremo cosa è il timestamp e perchè è molto usato in programmazione.

Trascrizione: (click per espandere)
salve a tutti in questo video parlerò
dell'oggetto Date di javascript è
l'oggetto per per sapere che data e oggi
è creare date future o date passate e
lavorare con esse andiamo a vedere come si
visualizza la data di oggi getelementbyid
display inner html si usa l'oggetto
built in Date abbiamo detto ed
eccola qui questa è la data di oggi il
nome del giorno il nome del mese il
numero del giorno l'anno l'orario e il
fuso orario
se io voglio andare a estrarre questi
valori perché mi servono per farci delle
operazioni eccetera come faccio si crea
un nuovo oggetto data con la
si usa la keyword new e l'oggetto built in
Date
adesso al momento questo nuovo il mio
oggetto data a questo valore qui se vado
a visualizzare le due cose sono uguali
però posso andare ad estrarre specifici
valori quindi per esempio se voglio
vedere il numero del giorno si usa la
funzione dal nome dell'oggetto e getDate
eccolo qui è il giorno 13 come scritto
qui se voglio sapere che giorno del
numero del giorno della settimana giorno
della settimana si usa la funzione getDay
eccola qui giorno e sei perché e
sabato javascript comincia a contare i
giorni dalla domenica con lo zero quindi
la domenica e zero lunedì e uno eccetera
oggi e sabato quindi sarà il 6
se voglio il mese quindi mese si usa getMonth
ecco qui il mese 0 perché a gennaio
e anche anche qui javascript comincia a
contare con lo zero quindi il primo mese
gennaio sarà zero febbraio sarà uno e
dicembre sarà 11
se voglio usare estrarre estrarre l'anno
si usa fullYear che scriviamo anno eccolo
qui 2018 se mi serve l'ora
ora getHours
sono le undici e se mi serve i minuti
come potete immaginare si usa getMinutes e
questi sono i minuti questo è per
estrarre i valori da una data ma se io
voglio impostare i valori di una data
per creare una nuova data magari passata
magari futuro invece di usare queste
funzioni con il get si usa fu queste
funzioni con il set quindi andiamo a
vedere alcuni esempi ad esempio se io
voglio usare sempre questo oggetto
quindi si parte dalla data di oggi però
voglio impostare un nuovo giorno del
mese
faccio setDate e dentro come argomento
ci passa il numero del del giorno per
esempio 4 se adesso vado a visualizzare
il mio nuovo giorno quindi se vado a
visualizzare l'oggetto data sto
sbagliando perchè sono italiano e ogni
tanto sbaglia scrivere
ecco qui io il nuovo giorno ci mette due
punti sarà e voglio imposto il nuovo
giorno come 4 gennaio che sarà che era
un giovedì e l'orario mi si mantiene lo
stesso se io adesso voglio impostare o
completamente un nuovo anno si mette
setfullyear e si passa dentro l'anno se io
lascio solo il numero dell'anno mi
troverò la stessa data
data però dell'anno 2000 però posso
anche passarci dentro il mese per
esempio l'undici che non a novembre ma è
dicembre perché abbiamo detto che si
inizia con lo zero e poi il numero del
giorno mettiamo 15 se adesso io vado a
visualizzare il nuovo anno avrò il 15
dicembre del 2000 era un venerdì e
l'orario sarà lo stesso fino adesso
abbiamo visto che come visualizzare
estrarre valori o settare dei valori per
una data come siamo abituati a vederla
quindi con il mese giorno mese anno
orario eccetera però per il linguaggio
di programmazione usano spesso usano il
timestamp il timestamp sono tutti i
mille secondi trascorsi dalla mezzanotte
del primo gennaio 1970 fino a questo
momento per convenzione è stato scelto
il primo gennaio 1970 e quindi il timestamp si comincia a essere calcolato da
quel momento quindi se io voglio vedere
il per esempio voglio creare una nuova
data con un nuovo timestamp crea un
presente una nuova
nuova data e vado a creare questa data
con l'oggetto Date e dentro al ci passo
come argomento il mio timestamp che è un
valore appunto come vi dicevo di mille
secondi ad esempio può essere diamo un
po di numeri a caso ecco qui è un valore
piccolino quindi sarà qualcosa intorno
al gennaio del 1970 se adesso io vado a
visualizzare il suo valore
nuova data e visualizza eccolo qui ho
creato una nuova data utilizzando il
valore in mille secondi che
corrispondono ci metto anche 2 punti
corrispondono a il 15 gennaio del 1970
alle 6 e 56 e 07 secondi della quindi
della mattina
se io provo aggiungersi un nuovo 0 qui
giusto per fare hanno dato un po più
avanti mi diventa il 23 maggio del 1970
alle nove di sera 21 minuti 18 secondi
quindi questi qua e tutti i mille
secondi trascorsi dalla mezzanotte del del primo gennaio 1970
quindi mi trovo il 23 gennaio io
voglio vedere il timestamp di questo
momento andiamo a vedere questo momento
lo chiamo questo momento si usa Date e
il metodo now
se adesso vado a visualizzare il suo
valore
in questo momento 2 punti
ecco qua questo è il timestamp di
questo momento dal primo gennaio 1970
quindi dal primo gennaio 1970 sono
trascorsi tutti questi millisecondi non
sono neanche qui a leggerlo perché il
numero di qualche migliaia di miliardo
di millisecondi posso creare timestamp
usando passando una data come informato
stringa andiamo a vedere come si può
fare
let data quindi io uso oggetto Date
metodi parse e dentro ci metto la
stringa dà da fare di cui fare il
parsing parsing in inglese vuol dire
passare
analizzando passare tutto la stringa
analizzando il suo valore e
convertendolo in maniera da poterlo
usare quindi se per esempio io ci metto
dentro 25 marzo 2010 ad esempio potrò
andare a visualizzare il suo timestamp
nuovo e ci metto dentro new data
eccolo qui questo qua e' il timestamp di
questa data come potete immaginare ci
sono tantissimi tantissime funzioni per
manipolare date estrarre valori settare
valori eccetera io vi metterò link in
descrizione per avere uno una panoramica
completa di tutte le sue funzioni come
sempre non dovete impararle dovete solo
sapere che esiste la possibilità di
manipolare in questa maniera quindi nel
momento in cui vi servirà a fare una
determinata operazione vi andate a
vedere quale funzione la più idonea per
fare quello e via così esempi per creare
date per esempio io posso creare una
data da una stringa
let data da stringa quindi si usa sempre
new Date e si inserisce dentro come
argomento la stringa abbiamo visto prima
il 25 mar per il 25 mar 2010
questo qui era il timestamp andiamo a
vedere se io voglio visualizzarla come
una data qui andiamo a vedere il suo
output abbiamo detto data da stringa
eccolo qui
eccola qui questa qua e' la data creata
dalla stringa anche lì ho passato dentro
posso metterci una stringa un po più
complicata perché magari voglio
specificare anche l'orario data da
stringa ora e metto qua e mettono ancora
dentro ci metto dentro abbiamo detto
l'orario quindi posso specificare ad
esempio a mezzogiorno e il 34 minuti e
45 secondi se adesso vado a visualizzare
ora eccolo qui avrò lo stesso la stessa
data però avrò specificato anche
l'orario mentre prima di default
mi veniva inserito la mezzanotte posso
andare a creare una data usando un
numero e quindi la data con numero e
quindi abbiamo detto sempre new Date è
dentro qui ci inserisco un numero una o
meglio una serie di numeri e quindi si
parte inserendo l'anno magari il 2015 il
mese
mettiamo dentro novembre il giorno
facciamo il 23 e poi se continuo posso
metterci dentro anche l'orario per
esempio posso mettere dentro
12 del 34 e 45 quindi in teoria io qua mi
troverò il 23 novembre perché
ricordatevi sempre che si inizia a
contare i mesi con lo zero del 2015 le
12 34 minuti e 45 secondi se adesso io
vado a fare la output data con numeri
eccola qui come abbiamo detto il 23
novembre 2015 alle 12 34 e 45 secondi
come specificato dalla serie di numeri
ultimi esempi come posso fare dei
calcoli molto semplice usando le date
per esempio io voglio estrarre la data
di adesso e voglio aggiungersi tre
giorni quindi ad esempio data adesso
come sempre
si può usare si usa il timestamp quindi
adesso io estraggo il timestamp di
questo momento creo una nuova la chiamo
fra tre giorni quanti millisecondi
saranno passano in tre giorni
si comincia con mille perché si parla di
mille secondi moltiplicato i secondi di
un minuto quindi 60 moltiplicati i
minuti di un'ora quindi altri 60
moltiplicate le ore del giorno 24
moltiplicato il numero di giorni 3
questo qua sarà il mio valore in
millisecondi di tre giorni quindi se io
adesso voglio andare a vedere il fra tre
giorni che data sarà posso fare
creare totale millisecondi sarà
data di adesso più fra tre giorni era
questa più questo questo qua sarà il
totale del millisecondi dal 1970 fino a
questo momento più il totale dei mille
secondi che trascorrono in tre giorni
quindi io in qualsiasi momento che andrò
a visualizzare questo valore avrà sempre
un valore delle tre giorni in futuro
rispetto a questo momento andiamo a
vedere il suo valore
fra tre giorni new Date come abbiamo
detto si può creare la data per come
abbiamo fatto qui passando dentro i
millisecondi totale millisecondi ecco
qua fra tre giorni sarà la stessa ora di
adesso perché io ho contato soli mille e
mille secondi che trascorrono in tre
giorni puliti però sarà il 16
perché oggi è il 13 del 2018 e quindi
sarà un martedì perché oggi è sabato
come vi dicevo vi metto un paio di link
in descrizioni dateci una guardata bene
o male coperto tutto quello che si può
fare con le date si possono estrarre
valori si possono settare valori si
possono fare operazioni usando i
millisecondi per calcolare nuove date
eccetera
con questo è tutto ci sentiamo la
prossima ciao
File del video: 

Aggiungi un commento

Filtered HTML

  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.

Plain text

  • Nessun tag HTML consentito.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Linee e paragrafi vanno a capo automaticamente.
Per tutelare la vostra privacy suggerisco l'uso di un nickname o lasciare anonimo...
CAPTCHA
Questa domanda è per testare se sei una persona e non un software che genera spam
4 + 4 =
Risolvi la semplice domanda di matematica e inserisci il risultato. Es. se e' 1 + 3 inserisci 4.