根据开始日期/结束日期填充图像

时间:2010-12-31 00:53:42

标签: javascript jquery xml ajax

我会尝试尽可能具体。我完全把自己与我尝试过的一切混为一谈,所以希望有人能够帮助我。

我有一个图像列表,它们都有一定的开始和结束日期,应该在页面上显示。在继续之前,我正在寻找一个严格的Javascript / jQuery解决方案;无论多么可能,服务器端解决方案都不是我要求的。

我使用我在其他地方找到的js示例,用以下内容查找当前日期:

var date = new Date();
var d = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var yearInt = parseInt(year);
var currentDate = month + "/" + day + "/" + year;

然后我使用ajax和$ .each遍历我的所有xml节点并返回所有值,包括每个图像的开始日期和结束日期。

我应该写什么类型的条件,以便在图像包含以下信息时显示图像:

当前日期:05/20/2010

IMAGE1: 开课日期:01/30/2010 - 结束日期:06/15/2010

图像2: 开课日期:05/20/2010 - 结束日期:06/20/2010

图像2: 开课日期:06/12/2010 - 结束日期:06/20/2011

当然,如果他们已经过了结束日期,那就隐藏起来了吗?

任何帮助将不胜感激!我会尽快回答任何问题。谢谢!

1 个答案:

答案 0 :(得分:0)

我建议您将日期转换为Date()个对象,然后您可以对它们进行比较。

var currentDate = new Date(year, month, day);
var startDate = new Date(insert start date);
var endDate = new Date(insert end date);

if(currentDate >= startDate && currentDate < endDate) {
    //show images
}