Javascript HTML如何在网页中插入动态日期
我有一个静态网页,没有任何动态变化。但是,客户端希望在页面内的文本中插入日期。日期将始终为当前daet加上一天。我该怎么做呢?投票人:注意,标签“javascript”是在给出这个答案之后添加的 如果服务器支持,您可以使用服务器端包含(SSI) 例如,如果您的服务器是Apache,您可以将以下元素放入HTML页面以输出当前日期+1天:Javascript HTML如何在网页中插入动态日期,javascript,html,date,text,static,Javascript,Html,Date,Text,Static,我有一个静态网页,没有任何动态变化。但是,客户端希望在页面内的文本中插入日期。日期将始终为当前daet加上一天。我该怎么做呢?投票人:注意,标签“javascript”是在给出这个答案之后添加的 如果服务器支持,您可以使用服务器端包含(SSI) 例如,如果您的服务器是Apache,您可以将以下元素放入HTML页面以输出当前日期+1天: <pre> <!--#exec cmd="date -v +1d '+DATE: %Y-%m-%d'" --> </pre>
<pre>
<!--#exec cmd="date -v +1d '+DATE: %Y-%m-%d'" -->
</pre>
要输出完整的工作日名称,您可以使用日期-v+1d'+日期:%A%d,%Y'
,这将为您提供日期:2011年6月6日星期日
进一步阅读:
- 维基百科上的文章
- 在FreeBSD.org上的手册页面
- 使用JavaScript并插入加载日期
请看下面的工作示例:
这将更新日期如下:2011年2月5日
您的HTML:
<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>
你的Javascript
<p>Tomorrow: <span class="tomorrow"></span></p>
var月数=[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’、‘七月’,
“八月”、“九月”、“十月”、“十一月”、“十二月”];
var明天=新日期();
明天.setTime(明天.getTime()+(1000*3600*24));
document.getElementById(“spanDate”).innerHTML=months[Tomory.getMonth()]+“+Tomory.getDate()+”,“+Tomory.getFullYear()”;
您可以在javascript中实现这一点。
然后,您可以在文本中添加一个span标记,并使用javascript插入日期。
如果可以使用jQuery,可以执行以下操作:
html:
如果你不反对PHP,那么你可以这样做。。。还有Tizag。。
快速搜索“php echo date+1天”产生了一个小玩意儿:),当然可以扩展到任何程度。您可以使用javascript在页面中的某个位置插入日期:
<span id="displayDate"></span>
var newDate=新日期();
newDate.setDate(newDate.getDate()+1);
//通过jquery插入它
$('#displayDate').html((newDate.getMonth()+1)+'/'+newDate.getDate()+'/'+newDate.getFullYear());
//或者通过javascript插入它
document.getElementById('displayDate').innerHTML=(newDate.getMonth()+1)+'/'+newDate.getDate()+'/'+newDate.getFullYear();
以及html:
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;
}
在这里测试它:
你可以用我的方式来做这件事,如下所示 HTML:
<p>Today is <span id="todays_date" style="font-style: italic;">November 1, 2015</span></p>
函数日期\时间(){
var dt=新日期();
document.getElementById(“”).innerHTML=dt;
setTimeout(函数(){date_time();},1000);
}
日期和时间();
我建议使用XDate,因为它可以节省大量的打字时间。另外,请不要使用innerHTML,这是一个很坏的习惯。我只是在一个网页上做了同样的事情,关键是在你正在更新的标记下使用内联javascript,尽管你也可以使用“onload” 在页面中,我添加了标签并输入了一些默认信息,原因是:
<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>
今天是2015年11月1日
以下是:
var today=new XDate();
document.getElementById(“todays_date”).innerHTML=“”;
document.getElementById(“todays_date”).appendChild(document.createTextNode(today.toString(“MMMM d,yyyy”));
注意:我确实使用innerHTML快速删除嵌套标记,而不是递归的“删除所有子项”,因为它们位于不同的库中,与本例无关
请参见这仅插入日期,而不是完整日期。您希望如何写入日期?完整的月日、年(即2011年2月4日)更新代码。它将需要一个月数组来将月份更改为实际的月份名称。我的代码中有,但它不会更新javascript是否应该在标题或正文中?我会在span标记上这样做吗?您可以在任何元素中这样做。是的,你可以在一段时间内完成。请参阅更新的答案
<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>
<span id="displayDate"></span>
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;
}
<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();
<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>