Question

我有一个静态网页，没有动态变化。但是，客户端希望在页面中插入日期。日期将始终是当前的daet加上一天。我该怎么做？

Answer 1

使用JavaScript并在onLoad上插入日期。

这将更新日期如下： 2011年2月5日

您的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 ：请注意，在提供此答案后，标签已添加。}

如果服务器支持，可以使用服务器端包含（SSI）。

如果您的服务器是Apache，您可以将以下元素放入HTML页面以输出当前日期+ 1天：

<pre>  </pre>

假设今天是2011-02-05，您将在浏览器页面上显示以下输出：

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

要输出完整的工作日名称，您可以使用date -v +1d '+DATE: %A %d, %Y'，这会为您提供DATE: Sunday 06, 2011。

进一步阅读：

维基百科的文章Server Side Includes

Apache Tutorial: Introduction to Server Side Includes

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

Source

Answer 4

如果您不反对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 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

我推荐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 7

你可以在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
});

Answer 8

你可以按照我的方式做到这一点

HTML：

＆LT; asp：标签ID =＆＃34; Label1＆＃34; RUNAT =＆＃34;服务器＆＃34;文本=＆＃39;＆＃39; ＆GT;

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

HTML如何在网页中插入动态日期

8 个答案: