HTML как мне вставить динамическую дату в веб-страницу

Question

У меня есть статическая веб-страница, динамически ничего не меняется.Однако клиент хочет вставить дату в текст на странице.Дата всегда будет текущим днем ​​плюс один день.как мне это сделать?

Answer 1

Используйте JavaScript и вставьте дату в загрузку.

Посмотрите здесь рабочий пример: http://jsfiddle.net/xGDvp/

Это обновит дату следующим образом: 5 февраля 2011 г.

Ваш 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 : обратите внимание, что тег "javascript" был добавлен после ответа.}

Вы можете использовать серверные включения(SSI), если ваш сервер их поддерживает.

Если ваш сервер Apache, вы можете, например, поместить следующий элемент на свою HTML-страницу, чтобы вывести текущую дату + 1 день:

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

Предполагая, что сегодня 2011-02-05, у вас на браузере будет следующий вывод:

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

Чтобы вывести полное название дня недели, вы можетеиспользуйте date -v +1d '+DATE: %A %d, %Y', что дает вам DATE: Sunday 06, 2011.

---

Дополнительная информация:

• статья Включение на стороне сервера в Википедии
• Apache Tutorial: Введение в серверную часть Включает
• date(1) справочную страницу на FreeBSD.org

Answer 3

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

Источник

Answer 4

Я рекомендую XDate, потому что это сэкономит много печатать.Также, пожалуйста, не используйте innerHTML, это такая плохая привычка.Я только что сделал то же самое на веб-странице, и ключевым моментом было использование встроенного JavaScript под тегом, который вы обновляете, хотя вы также можете использовать «onload».

На странице я добавляю тег и вставляюнекоторая информация по умолчанию только потому, что:

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

С этим ниже, что:

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

Примечание: я использую innerHTML, чтобы быстро уничтожить вложенные теги, а не рекурсивное «удалить все дочерние элементы», потому чтоэто находится в другой библиотеке и не относится к этому примеру.

См. http://arshaw.com/xdate/

Answer 5

Вы можете использовать JavaScript, чтобы вставить дату где-нибудь на странице:

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

и HTML:

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

проверьте это здесь: http://jsfiddle.net/9xWUT/

Answer 6

Если вы не против PHP, то вы можете сделать что-то вроде этого ... Также 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); 
?>

Быстрый поиск по "php echo date + 1 day" произвел эту небольшуюДидди :) Это, конечно, можно расширить в любой степени примерно.

Answer 7

Вы можете сделать это по-моему, это ниже

HTML:

>

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

Вы можете сделать это в JavaScript.http://www.tizag.com/javascriptT/javascriptdate.php

Затем вы можете добавить, например, тег span в ваш текст, и вставить дату с помощью JavaScript.Если вы можете использовать jQuery, вы можете сделать что-то вроде:

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
});