HTML come faccio ad inserire la data dinamica nella pagina web

Question

Ho una pagina web statica, nulla cambia dinamicamente. Tuttavia il cliente desidera inserire una data nel testo all'interno della pagina. La data sarà sempre quella corrente più un giorno. Come lo faccio?

Answer 1

Usa JavaScript e inserire la data onLoad.

Date un'occhiata qui per un esempio di lavoro: http://jsfiddle.net/xGDvp/

Questo aggiornerà la data come segue: 5 febbraio 2011

tuo HTML:

<span id="spanDate"></span> 

Javascript

<script type="text/javascript"> 
      var months = ['January','February','March','April','May','June','July', 
'August','September','October','November','December'];  
var tomorrow = new Date(); 
tomorrow.setTime(tomorrow.getTime() + (1000*3600*24));  
document.getElementById("spanDate").innerHTML = months[tomorrow.getMonth()] + " " + tomorrow.getDate()+ ", " + tomorrow.getFullYear(); 
    </script> 

Answer 2

^{downvoters: Si noti che il tag "javascript" è stato aggiunto dopo è stato dato questa risposta.}

È possibile utilizzare Server Side Include (SSI), se il server li supporta.

Se il server è Apache, si potrebbe, ad esempio, inserire il seguente elemento nella tua pagina HTML per produrre un data corrente + 1 giorno:

<pre> 
<!--#exec cmd="date -v +1d '+DATE: %Y-%m-%d'" --> 
</pre> 

Supponendo che oggi è 2011-02-05, si 'll hanno il seguente output sulla tua pagina sul browser:

... 
DATE: 2011-02-06 
... 

Per l'uscita del nome completo giorno della settimana, è possibile utilizzare date -v +1d '+DATE: %A %d, %Y', che vi dà DATE: Sunday 06, 2011.

---

Ulteriori approfondimenti:

• articolo Server Side Includes su Wikipedia
• Apache Tutorial: Introduction to Server Side Includes
• date(1) pagina del manuale a FreeBSD.org

Answer 3

Puoi farlo in javascript. http://www.tizag.com/javascriptT/javascriptdate.php

Quindi è possibile aggiungere ad esempio un tag span nel testo e inserire la data con javascript. Se è possibile utilizzare jQuery, si può fare qualcosa di simile:

html:

<p>Tomorrow: <span class="tomorrow"></span></p> 

javascript:

$(function() { 
    var date = new Date() 
    $(".tomorrow").html(date.getDate() + 1) // you'll have to search how to format the date 
}); 

Answer 4

Se il tuo non contrario di PHP, allora si potrebbe fare qualcosa di simile. .. Anche Tizag .. http://www.tizag.com/phpT/phpdate.php

<?php 
$todayPlusADay = mktime(0, 0, 0, date("m"), date("d")+1, date("y")); 
echo "Todays Date Plus One Day (Tomorrow) ".date("m/d/y", $todayPlusADay); 
?> 

Ricerca rapida di "php echo data + 1 giorno" ha prodotto quel piccolo Diddy :) che potrebbe certamente essere estesa, in misura quasi.

Answer 5

Si potrebbe utilizzare javascript per inserire la data da qualche parte nella pagina:

<script type="text/javascript"> 
var newDate = new Date(); 
newDate.setDate(newDate.getDate() + 1); 

//insert it via jquery 
$('#displayDate').html((newDate.getMonth() + 1) + '/' + newDate.getDate() + '/' + newDate.getFullYear()); 

//or insert it via javascript 
document.getElementById('displayDate').innerHTML = (newDate.getMonth() + 1) + '/' + newDate.getDate() + '/' + newDate.getFullYear(); 

</script> 

e il codice html:

<span id="displayDate"></span> 

prova qui: http://jsfiddle.net/9xWUT/

Answer 6

window.onload = initDate; 
function initDate() { 
    var dayName = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday","Saturday"); 
    var monName = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); 
    var now = new Date(); 
    var dtString = dayName[now.getDay()] + ", " + monName[now.getMonth()] + " " + now.getDate(); 
    document.getElementById("dtField"). innerHTML = dtString; 
} 

Source

Answer 7

Puoi farlo a modo mio questo è al di sotto

HTML:

< asp: ID Label = "Label1" runat = Testo "server" = ''>

JavaScript:

<script language="javascript" type="text/javascript"> 
function date_time() { 
    var dt = new Date(); 
    document.getElementById('<%=Label1.ClientID%>').innerHTML = dt; 
    setTimeout(function() { date_time(); }, 1000); 
} 
date_time(); 

Answer 8

mi raccomando XDate perché farà risparmiare un sacco di battitura. Inoltre, per favore non usare innerHTML, è una cattiva abitudine. Ho appena fatto lo stesso su una pagina web e la cosa fondamentale era usare javascript in linea sotto il tag che si sta aggiornando, anche se è possibile utilizzare anche 'onload'.

Nella pagina aggiungo il tag e mettere in qualche info di default solo perché:

<p>Today is <span id="todays_date" style="font-style: italic;">November 1, 2015</span></p> 

Con questo seguito che:

<script type="text/javascript"> 
    var today = new XDate(); 

    document.getElementById("todays_date").innerHTML = ""; 

    document.getElementById("todays_date").appendChild(document.createTextNode(today.toString("MMMM d, yyyy"))); 
</script> 

NB: Non faccio uso innerHTML di cancellare rapidamente i tag annidati piuttosto che un ricorsivo "elimina tutti i bambini" perché è in una libreria diversa e non pertinente a questo esempio.

Vedi http://arshaw.com/xdate/