August 12
In fase di sviluppo Web è spesso utile per confrontare le date, determinare quale è più recente e che è più vecchio. Confrontando le date con una funzione JavaScript è semplice. Anche se avete poca esperienza in JavaScript, programmazione o di sviluppo Web in generale, si può svolgere questo compito, come il codice necessario per la gestione della data e il confronto è breve e semplice. confronto Data è un compito comune, in particolare nella gestione interazione dell'utente con gli elementi di un sito.
1 Crea la tua pagina web. Se non si dispone di una pagina pronta, crearne uno con l'apertura di un nuovo file in un editor di testo e salvarlo con l'estensione ".html". Inserire il seguente schema per la tua pagina, che comprende una sezione per il codice JavaScript nella zona della testa:
<Html>
<Head>
<Script type = "text / javascript">
// funzioni JavaScript qui
</ Script>
</ Head>
<Body>
<! - Content qui ->
</ Body>
</ Html>
Le funzioni JavaScript saranno collocati all'interno della sezione sceneggiatura del capo pagina, mentre il contenuto della pagina verrà inserito tra i tag body HTML.
2 Inserire una funzione JavaScript per eseguire il confronto data. Tra l'apertura e la chiusura tag "script", inserire il contorno funzione come segue:
Funzione checkdate () {
// Codice funzione qui
}
All'interno della funzione, è possibile inserire qualsiasi codice JavaScript che ti piace. Trova la data corrente utilizzando il seguente codice tra le parentesi di apertura e funzione di chiusura:
var currentDate = new Date ();
3 Creare una seconda data da confrontare con quello attuale. Aggiungere il seguente codice alla funzione, creando un altro oggetto Date, ma l'impostazione questa volta a una data specifica:
var comparisonDate = new Date ();
comparisonDate.setFullYear (2020, 3, 20);
Questo codice imposta la data nel secondo oggetto Date per il 20 marzo 2020. E 'possibile sperimentare modificando questo valore quando il codice è completo e si è pronti per testarlo.
4 Confrontare le due date. Aggiungere il seguente codice, confrontando la data corrente con quello descritto nel codice:
if (currentDate <comparisonDate)
alert ( "non è stata ancora raggiunta la data in questione");
altro
alert ( "La data in questione è passato");
Questo genera semplicemente un dialogo avviso quando la funzione viene chiamata all'interno della pagina.
5 Modificare la funzione di scrivere contenuti nella pagina Web. Aggiungere il seguente elemento HTML nella sezione body della pagina:
<Div id = "risultato"> Paragone risultato </ div>
6 Modificare la funzione JavaScript:
if (currentDate <comparisonDate)
. Document.getElementById ( "risultato") innerHTML = "La data in questione non è ancora stata raggiunta";
altro
. Document.getElementById ( "risultato") innerHTML = "La data in questione è passato";
7 Chiamare la funzione modificando il tag body di apertura:
<Body onload = "checkdate ()">
8 Salvare la pagina e prova aprendolo in un browser Web.