Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/macos/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当请求由php脚本生成的图像时,如何使用javascript/其他方法以某种格式打印日期?_Php_Javascript_Html - Fatal编程技术网

当请求由php脚本生成的图像时,如何使用javascript/其他方法以某种格式打印日期?

当请求由php脚本生成的图像时,如何使用javascript/其他方法以某种格式打印日期?,php,javascript,html,Php,Javascript,Html,我正在创建一个网站,使用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();

我正在创建一个网站,使用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>

潮汐
未来两天的潮汐

var d=新日期(); 变量日期=d.getFullYear()++(d.getMonth()+1)+''+d.getDate(); var image=document.getElementsByClass(“img响应”)[0]; image.src=http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=“+日期;
我的javascript知识不是很好,但是getDate()只返回当天的数字,例如今天的21。一个真正基本的例子是自己组合:

var d = new Date();
var date = d.getFullYear() + '' + (d.getMonth()+1) + '' + d.getDate();
也许有更好的解决方案,也许是使用某种格式化程序,但我对javascript不太了解,所以我不知道有什么好的解决方案。(另外,值得注意的是,在javascript中,月份从0到11不等,但我无法真正解释为什么会这样,如果这样做的话,为什么日期从1开始而不是0是不一致的…)

有关日期对象的更多信息,请参见以下内容:

然后要更改图像,请执行以下操作:

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

在一个您想要更改它的函数中。

为什么不在服务器上处理这个问题?这就像放置
echo日期('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">
“class=“img responsive”alt=“responsive image”>

您尝试了什么“无法获得”。。。工作“?这显然很好,我如何将其输入到我的img srcI中?如果我理解正确,问题是您现在有了硬编码的图像url,并且您希望以友好方式显示与今天日期相对应的图像?谢谢@galaxyAbstractor,这很有帮助,但我已经处于那个阶段了。”。我该如何在我的图像字符串中包含这些内容?哦,我想我误解了你想要做的事情。我以为你想在用户点击按钮或类似的东西时更新图像。如果您只想从一开始就设置日期,那么最好按照其他人的建议在服务器端完成。记住用户和服务器之间的时区,用户的日期可能与服务器的日期不同。嗨@koala_dev,这是我第一次构建网站。你是说在php脚本中还是习惯了?BenWhite不是在php脚本中,而是在你的实际页面中。。。你现在有什么?扩展名为
.html
的文件?将扩展名更改为
.php
,并将
标记替换为我提供的标记