當請求由php腳本生成的圖像時，如何使用javascript / other方法以便以某種格式打印日期？

Question

我正在使用Bootstrap創建一個站點，以提供海灘的天氣更新。 我的網站

以下php腳本請求正確的圖像。

http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=20130821

最后一組數字是日期倒退。

基本上，我希望此圖像在頁面中更新，並且是正確的日期。 我嘗試使用JavaScript，但無法正常工作

var var d = new Date();
var n = d.getDate();

這是網站的源代碼：

<div class="col-lg-6">
<h3>Tides</h3>
<p>Tides over the next 2 days</p>       
<img src="http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=20130821" class="img-responsive" alt="Responsive image">
 </a>
 </div>

我不知道如何使用JavaScript將img src更改為正確的日期

編輯我現在有，但我仍然無法使它工作

<div class="col-lg-6">
      <h3>Tides</h3>
      <p>Tides over the next 2 days</p>     
    <img src="http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=20130821" class="img-responsive" alt="Responsive image">
    <script>
            var d = new Date(); 
            var date = d.getFullYear() + '' + (d.getMonth()+1) + '' + d.getDate();
            var image = document.getElementsByClass("img-responsive")[0];
            image.src = 'http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from='+date;
    </script>
      </a>
    </div>

Answer 1

我的JavaScript知識並不是那么好，但是getDate（）僅返回當天的數字，例如今天的21。 一個真正的基本示例是將其自己組合：

var d = new Date();
var date = d.getFullYear() + '' + (d.getMonth()+1) + '' + d.getDate();

也許會有更好的解決方案，也許使用某種格式程序，但是我對javascript並不了解，所以我不知道任何事情。 （另外，值得注意的是，在javascript中，月份的范圍是0-11，但是我無法真正解釋為什么會這樣，以及為什么日期不一致的原因是日期從1開始而不是0 ... ）

有關Date對象的更多信息，請參見此處： https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date

然后，要更改圖像，您可以執行以下操作：

var image = document.getElementsByClass("img-responsive")[0];
image.src = 'http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from='+date;

在要更改它的功能中。

Answer 2

您為什么不在服務器上處理呢？ 這就像放置echo date('Ymd');一樣簡單echo date('Ymd'); 在圖片網址內：

<img src="http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=<?=date('Ymd');?>" class="img-responsive" alt="Responsive image">