blocks|key|897508|text|使用JavaScript并插入日期onLoad。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|897509|请看这里的工作示例：http://jsfiddle.net/xGDvp/|offset|length|897510|这将更新日期如下：2011年2月5日|style|BOLD|897511|您的HTML：|897512|<span+id="spanDate">|code-block|syntax|javascript|897513|你的Javascript|897514|++++<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()+%2B+(1000*3600*24));+++++++
document.getElementById("spanDate").innerHTML+=+months[tomorrow.getMonth()]+%2B+"+"+%2B+tomorrow.getDate()%2B+",+"+%2B+tomorrow.getFullYear();
++++</script>|897515|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/xGDvp/^0|0|A|Q|0|0|9|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@$D|14|E|15|1|16]]|A|$]]|$1|F|3|G|5|6|7|17|8|@$D|18|E|19|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1B|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|A|$]]|$1|S|3|T|5|N|7|1D|8|@]|9|@]|A|$O|P]]|$1|U|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

Use JavaScript and insert the date onLoad.

Take a look here for a working example: <a href="http://jsfiddle.net/xGDvp/" rel="nofollow">http://jsfiddle.net/xGDvp/</a>

This will update the date as follows: February 5, 2011

Your HTML:

<pre><code>&lt;span id="spanDate"&gt;&lt;/span&gt;
</code></pre>

Your Javascript

<pre><code> &lt;script type="text/javascript"&gt;
 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();
 &lt;/script&gt;
</code></pre>

blocks|key|2965201|text|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()]+%2B+",+"+%2B+monName[now.getMonth()]+%2B+"+"+%2B+now.getDate();
+++++document.getElementById("dtField").+innerHTML+=+dtString;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2965202|Source|unstyled|offset|length|2965203|entityMap|0|LINK|mutability|MUTABLE|url|http://www.icoders.org/2012/06/how-display-current-date-web-page-using-javascript.html^0|0|0|6|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>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;
}
</code></pre>

<a href="http://www.icoders.org/2012/06/how-display-current-date-web-page-using-javascript.html" rel="nofollow">Source</a>

blocks|key|2965158|text|如果你不反对PHP，那么你可以这样做…还有Tizag..http://www.tizag.com/phpT/phpdate.php|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2965159|<?php
$todayPlusADay+=+mktime(0,+0,+0,+date("m"),+date("d")%2B1,+date("y"));
echo+"Todays+Date+Plus+One+Day+(Tomorrow)+".date("m/d/y",+$todayPlusADay);+
?>|code-block|syntax|javascript|2965160|快速搜索"php+echo+date+%2B1+day“，就会得到那个小花花公子:)，它肯定可以在任何程度上得到扩展。|2965161|entityMap|0|LINK|mutability|MUTABLE|url|http://www.tizag.com/phpT/phpdate.php^0|S|11|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

If your not opposed to PHP, then you could do something like this... Also Tizag..
<a href="http://www.tizag.com/phpT/phpdate.php" rel="nofollow">http://www.tizag.com/phpT/phpdate.php</a>

<pre><code>&lt;?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); 
?&gt;
</code></pre>

Quick search for "php echo date + 1 day" produced that little diddy :) That could certainly be expanded upon to any extent just about.

blocks|key|2965191|text|您可以使用javascript在页面中的某个位置插入日期：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2965192|<script+type="text/javascript">
var+newDate+=+new+Date();
newDate.setDate(newDate.getDate()+%2B+1);

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

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

</script>|code-block|syntax|javascript|2965193|和html：|2965194|<span+id="displayDate">|2965195|在这里进行测试：http://jsfiddle.net/9xWUT/|offset|length|2965196|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/9xWUT/^0|0|0|0|0|8|Q|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

You could use javascript to insert the date somewhere in the page:

<pre><code>&lt;script type="text/javascript"&gt;
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();

&lt;/script&gt;
</code></pre>

and the html:

<pre><code>&lt;span id="displayDate"&gt;&lt;/span&gt;
</code></pre>

test it here: <a href="http://jsfiddle.net/9xWUT/" rel="nofollow">http://jsfiddle.net/9xWUT/</a>

blocks|key|1798581|text|我推荐使用XDate，因为它可以节省大量的输入。另外，请不要使用innerHTML，这是一个坏习惯。我刚刚在一个网页上做了同样的事情，关键是在你正在更新的标签下面使用内联javascript，尽管你也可以使用'onload‘。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1798582|在页面中，我添加了标签，并添加了一些默认信息，只是因为：|1798583|Today+is+<span+id="todays_date"+style="font-style:+italic;">November+1,+2015|code-block|syntax|javascript|1798584|下面是这个和那个：|1798585|<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>|1798586|注意:我确实使用innerHTML来快速清除嵌套标签，而不是递归的“删除所有子代”，因为它在不同的库中，与本例无关。|1798587|请参阅http://arshaw.com/xdate/|offset|length|1798588|entityMap|0|LINK|mutability|MUTABLE|url|http://arshaw.com/xdate/^0|0|0|0|0|0|0|3|O|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

I recommend XDate because it will save a lot of typing. Also, please don't use innerHTML, it's such a bad habit. I just did the same on a web page and the key thing was to use inline javascript beneath the tag you are updating although you can use 'onload' as well.

In the page I add the tag and put in some default info just because:

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

With this below that:

<pre><code>&lt;script type="text/javascript"&gt;
 var today = new XDate();

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

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

NB: I do use innerHTML to quickly obliterate nested tags rather than a recursive "delete all children" because that's in a different library and not pertinent to this example.

See <a href="http://arshaw.com/xdate/" rel="nofollow">http://arshaw.com/xdate/</a>

blocks|key|2965133|text|你可以在javascript中做到这一点。http://www.tizag.com/javascriptT/javascriptdate.php|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2965134|然后，您可以在文本中添加例如span标记，并使用javascript插入日期。如果您可以使用jQuery，则可以执行以下操作：|2965135|html：|2965136|Tomorrow:+<span+class="tomorrow">|code-block|syntax|javascript|2965137|javascript：|2965138|$(function()+{
++++var+date+=+new+Date()
++++$(".tomorrow").html(date.getDate()+%2B+1)+//+you'll+have+to+search+how+to+format+the+date
});|2965139|entityMap|0|LINK|mutability|MUTABLE|url|http://www.tizag.com/javascriptT/javascriptdate.php^0|L|1F|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|C|$K|L]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

You can do that in javascript.
<a href="http://www.tizag.com/javascriptT/javascriptdate.php" rel="nofollow">http://www.tizag.com/javascriptT/javascriptdate.php</a>

Then you can add for example a span tag in your text, and insert the date with javascript.
If you can use jQuery, you can do something like:

html:

<pre><code>&lt;p&gt;Tomorrow: &lt;span class="tomorrow"&gt;&lt;/span&gt;&lt;/p&gt;
</code></pre>

javascript:

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

blocks|key|897663|text|你可以用我的方法来做，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|897664|HTML：|897665|<+asp:Label+ID="Label1“runat="server”Text='‘>|897666|JavaScript：|897667|<script+language="javascript"+type="text/javascript">
function+date_time()+{
++++var+dt+=+new+Date();
++++document.getElementById('<%25=Label1.ClientID%25>').innerHTML+=+dt;
++++setTimeout(function+()+{+date_time();+},+1000);
}
date_time();|code-block|syntax|javascript|897668|​|897669|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

You can do it in my way this is below

HTML:

&lt; asp:Label ID="Label1" runat="server" Text='' >

JavaScript: 

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

I have a static webpage, nothing changes dynamically. However the client wants a date insert into text within the page. The date will always be the current daet plus one day. how do I do that?

HTML how do I insert dynamic date in webpage

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

问HTML如何在网页中插入动态数据
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML如何在网页中插入动态数据EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML如何在网页中插入动态数据
EN