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

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>

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

投票人:注意,标签“javascript”是在给出这个答案之后添加的

如果服务器支持,您可以使用服务器端包含(SSI)

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

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

      JavaScript:

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