HTML ¿Cómo puedo insertar la fecha dinámica en la página web

Question

Tengo una página web estática, nada cambia dinámicamente. Sin embargo, el cliente desea insertar una fecha en el texto dentro de la página. La fecha siempre será el daet actual más un día. ¿Cómo puedo hacer eso?

Answer 1

uso de JavaScript e insertar la fecha onLoad.

Echa un vistazo aquí para un ejemplo de trabajo: http://jsfiddle.net/xGDvp/

Esto actualizará la fecha de la siguiente manera: de febrero de 5, 2011

Su HTML:

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

Su 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: Tenga en cuenta que la etiqueta "javascript" se añadió después se le dio esta respuesta.}

Puede usar Server Side Includes (SSI), si su servidor los admite.

Si el servidor es Apache, que podría, por ejemplo, poner el elemento siguiente en la página HTML para emitir una fecha actual + 1 día:

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

Suponiendo que hoy es 2011-02-05, se 'll tiene la siguiente salida en su página en el navegador:

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

Para emitir el nombre completo del día, puede utilizar date -v +1d '+DATE: %A %d, %Y', que le da DATE: Sunday 06, 2011.

---

Más información:

• Server Side Includes artículo en Wikipedia
• Apache Tutorial: Introduction to Server Side Includes
• date(1) página del manual en FreeBSD.org

Answer 3

Puedes hacer eso en javascript. http://www.tizag.com/javascriptT/javascriptdate.php

A continuación, puede agregar, por ejemplo, una etiqueta span en el texto e insertar la fecha con javascript. Si puede utilizar jQuery, puede hacer algo como:

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

Si su no oposición a PHP, entonces se podría hacer algo como esto. .. También 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); 
?> 

Búsqueda rápida de "php echo fecha + 1 día" produce ese pequeño Diddy :) Eso ciertamente se podrían ampliar a cualquier punto a punto.

Answer 5

Se puede usar javascript para insertar la fecha en algún lugar de la página:

<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> 

y el html:

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

prueba aquí: 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

Puede hacerlo en mi camino esta se encuentra por debajo

HTML:

< asp: Label ID = "Label1" runat = texto "servidor" = ''>

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

Recomiendo XDate porque ahorrará mucho tipeo. Además, no uses innerHTML, es un mal hábito. Acabo de hacer lo mismo en una página web y la clave era utilizar JavaScript en línea debajo de la etiqueta que está actualizando, aunque también puede usar 'onload'.

En la página que añadir la etiqueta y poner en algo de información por defecto sólo porque:

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

Con esta por debajo de:

<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: Yo utilizo innerHTML para destruir rápidamente las etiquetas anidadas en lugar de un recursivo "eliminar todos los niños" porque está en una biblioteca diferente y no es pertinente para este ejemplo.

Ver http://arshaw.com/xdate/