Nello sviluppo Web è spesso utile confrontare le date, determinare quale uno è più recente e che è più vecchio. Confronto di date con una funzione JavaScript è molto semplice. Anche se avete poca esperienza in JavaScript, programmazione o sviluppo Web in generale, può svolgere questo compito, come il codice necessario per la gestione di data e confronto è breve e semplice. Data di confronto è un'attività comune, in particolare quando si gestiscono l'interazione dell'utente con gli elementi in un sito.

Istruzioni

1

Crea la tua pagina Web. Se non avete una pagina pronta, crearne uno aprendo un nuovo file in un editor di testo e salvarlo con l'estensione ". html". Immettere il seguente schema per la tua pagina, che include una sezione per il codice JavaScript nella zona della testa:

< html >

< head >

< script type = "text/javascript" >

Funzioni JavaScript qui

< / script >

< / head >

< corpo >

<! - contenuto qui - >

< / body >

< / html >

Le funzioni JavaScript verranno inserite all'interno della sezione di script della testa pagina, mentre il contenuto di pagina verrà inserito tra i tag body HTML.

2

Immettere una funzione JavaScript per eseguire il confronto di data. Tra l'apertura e il tag di chiusura "script", immettere il contorno di funzione come segue:

Function checkDate() () {

qui il codice di funzione

}

All'interno della funzione, è possibile immettere qualsiasi codice JavaScript che ti piace. Trovare la data corrente utilizzando il seguente codice tra le parentesi di apertura e di chiusura funzione:

currentDate var = new Date ();

3

Creare una seconda data da confrontare con quello corrente. Aggiungere il seguente codice alla funzione, la creazione di un altro oggetto Date, ma questa volta impostandola su una data specifica:

var comparisonDate = new Date ();

comparisonDate.setFullYear (2020, 3, 20);

Questo codice imposta la data nel secondo oggetto data al 20 marzo 2020. È possibile sperimentare modificando questo valore quando il codice è completo e si è pronti per eseguire il test.

4

Confrontare le due date. Aggiungere il seguente codice, confrontando la data corrente con quello delineato nel codice:

if(currentDate<comparisonDate)

Alert ("la data in questione non ancora raggiunta");

altro

Alert ("la data in questione è passato");

Questo genera semplicemente una finestra di avviso quando viene chiamata la funzione all'interno della pagina.

5

Modificare la funzione per scrivere contenuti nella pagina Web. Aggiungere il seguente elemento HTML nella sezione body della pagina:

< div id = "risultato" > risultato del confronto < / div >

6

Modificare la funzione JavaScript:

if(currentDate<comparisonDate)

document.getElementById("result").innerHTML = "la data in questione non ancora raggiunta";

altro

document.getElementById("result").innerHTML = "la data in questione è passato";

7

Chiamare la funzione alterando l'apertura tag body:

< onload="checkDate() del corpo" >

8

Salvare la pagina e verificarla aprendo il documento in un browser Web.

Consigli & Avvertenze

• L'oggetto Date in JavaScript fornisce l'accesso a molte funzioni di data diversa. Quando si crea un oggetto, esso è automaticamente impostata la data corrente.
• È possibile confrontare una data immessa dall'utente acquisendolo in un modulo HTML.
• Il test condizionale sta controllando se la data di oggi è minore di quello specificato; Se le date sono uguali questo test verrà restituito falso.