当请求由php脚本生成的图像时,如何使用javascript/其他方法以某种格式打印日期?
我正在创建一个网站,使用bootstrap提供海滩的天气更新。 下面的php脚本请求正确的图像当请求由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();
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')一样简单图像url中的“代码>”:
<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
,并将
标记替换为我提供的标记