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

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

6
date html javascript static text

8 ответов

используйте JavaScript и вставьте дату onLoad.

посмотрите здесь для рабочего примера: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>
4

Downvoters: обратите внимание, что тег "javascript" был добавлен после этот ответ был дан.

вы можете использовать Server Side Includes (SSI), если ваш сервер поддерживает их.

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

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

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

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

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

читайте далее:

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

источник

2

Если вы не против 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" произвел этот маленький diddy :), который, безусловно, может быть расширен в любой степени.

1

вы можете использовать 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/

1

Я рекомендую 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>

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

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

1

Вы можете сделать это в 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
});
0

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

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

0