如何使用data属性在到期日期后隐藏内容? (数据-*)

时间:2015-05-19 11:53:29

标签: php html html5 attributes

我想知道在特定日期之后是否有一种使用PHP隐藏内容的简单方法。

我们假设一个页面包含多个<div>个容器且具有不同的data-*属性:

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <title>Events</title>
    <link rel="stylesheet" href="style.css">
    <header>
        <h1>Events</h1>
    </header>
    <div class="event" data-event-date="2015-05-18">
        <h2>Womens Half Marathon</h2>
        <p>Lorem ipsum</p>
    </div>
    <div class="event" data-event-date="2015-05-19">
        <h2>Loop around the lake</h2>
        <p>Lorem ipsum</p>
    </div>
    <div class="event" data-event-date="2015-05-20">
        <h2>Walk in the Park 2015</h2>
        <p>Lorem ipsum</p>
    </div>
</html>

是否有一种简单的方法只显示尚未过期的事件? <{1}}之前具有数据属性的任何内容都不应显示。

所以今天,2015年5月19日,PHP页面应该只提供这个源代码:

data-event-date="2015-05-19"

有关简单PHP解决方案在过期日期后隐藏内容的任何想法吗?

我非常感谢你在这个问题上的任何帮助。

1 个答案:

答案 0 :(得分:1)

您可以做的是创建一个变量并将其与当前日期进行比较。如果是,则渲染视图。如果没有,那就跳过它。

示例:

$cut_off_time = strtotime($var);
$compare = time() - $cut_off_time;

if($compare > 1){
    //display view
}