php活动日历答案

【问题标题】：Php calendar of eventsphp活动日历
【发布时间】：2015-06-10 07:35:54
【问题描述】：

我有从 MySQL 中提取数据并使用 PHP 将其显示在页面上的事件日历。现在客户希望当人们打开页面时它会滑动到下一个即将发生的事件。过去的日期会保留，但会滑到下一个即将发生的事件。

这里是实时示例：http://www.sv-filipjakov.hr/en/calendar-events。

这是日期代码：

<article class="KalendarDogadjanjaBox KalendarCrveni">
    <div class="KalendarDogadjanjaBoxDatum">
        <div class="KalendarDogadjanjaBoxDatum1">21. June</div>
        <div class="KalendarDogadjanjaBoxDatum2"> 09h</div>
    </div>
    <div class="KalendarDogadjanjaBoxOpis">
        <h3>World music day, Sv. Filip i Jakov</h3>
        <p>:)</p>
    </div>
    <div class="clear"></div>
</article>

也许要到我文章的数据属性，格式化，然后用jQuery滑动？有人有什么建议吗？

【问题讨论】：

据我所知，这实际上与 php 或 mysql 无关，您需要在 jquery 中构建它，而且您的日期没有链接到该页面上的任何位置，所以就像您的页面现在一样您将无法做到这一点，您可以做的是将您的日期放在 div 中的隐藏输入中，并使用 jquery 专注于具有与当前日期最接近的日期的输入的 div
我将尝试添加数据作为文章的 id，从 base 获取下一个日期，将 id 格式化为 id 并通过 jquery 滚动到 id。
听起来可能会起作用

标签： php jquery mysql html

【解决方案1】：

这是我的解决方案。我在文章中添加一个日期作为 id：

    <article id="23-05-15" class="KalendarDogadjanjaBox ">
      <div class="KalendarDogadjanjaBoxDatum">
        <div class="KalendarDogadjanjaBoxDatum1">23. May</div>
        <div class="KalendarDogadjanjaBoxDatum2">23.-31.05 h</div>
      </div>
      <div class="KalendarDogadjanjaBoxOpis">
                  <a class="right" style=" position:relative; top:10px; right:-20px;" href="/slike/18052015_6377721205.jpg" rel="prettyPhoto[100]" title="Izložba radova 8.Likovne kolonije  „Svibanj 2015“"><img style="width:130px; height:100px;" src="/slike/male/18052015_6377721205.jpg"> </a>
                <h3>Izložba radova 8.Likovne kolonije  „Svibanj 2015“</h3>
        <p>Likovna kolonija Maj 2015 Turanj , okuplja umjetnike iz društava Slovenaca „Triglav“ iz Splita, „Istra“ iz Pule, Slovenski dom iz Karlovca, Slovenski dom iz Zagreba , „Bazovica“ iz Rijeke, i  „Lipa“ iz Zadra,  a pridružuju im se i likovni umjetnici iz Zadra i Sv. Filip i Jakova, Turnja i Zagreba.<br />
Svoje sudjelovanje na likovnoj koloniji potvrdili  su i slikari  umjetnici  iz Sežane i Dolenjskih toplic  iz Slovenije.</p>
      </div>
    <div class="clear"></div>
    </article>

并创建 php 函数来调用即将发生的事件：

<?php 
function KalendarSlideTo(){
global $link;
$rezultat = mysqli_query($link, "SELECT * FROM kalendar_dogadjanja WHERE KalendarDatum >= '".date('Y-m-d')."' LIMIT 1");
$redak = mysqli_fetch_array($rezultat);
echo date('d-m-y', strtotime($redak['KalendarDatum']));
}?>

还有这个 jquery 代码：

$('html, body').animate({
    'scrollTop':   $('#<?php KalendarSlideTo(); ?>').offset().top
}, 1);

【讨论】：