У меня есть страница событий, где мне нужно отображать события на каждый день. Я дошел до этого, поэтому я делаю успехи.

База данных имеет 3 таблицы: ярмарочные дни, типы событий, события

fairdays: id, fairdaydate (datetime), daycolor, описание

eventtypes: id, eventtype <- Эта таблица предназначена для ввода, выбранного в «форме добавления события»

события: идентификатор, имя события, тип события, день события (дата и время), время события (дата и время)

Мое намерение состоит в том, чтобы отобразить день с описанием, затем под ним - типы событий, затем под каждым из них - соответствующие события.

Я не знал, как отобразить подзаголовок типа события, а затем отдельные события под каждым из них, но вот мой код. Любая помощь будет принята с благодарностью.

<cfquery datasource="fairscheduledb" name="getfairdays">
    select * from fairdays
</cfquery>

<cfquery datasource="fairscheduledb" name="getfairevents">
    select * from events ev
    inner join fairdays fd on fd.fairdaydate = ev.eventday
    where ev.eventday = fd.fairdaydate
</cfquery>

<cfloop query="getfairdays">

<cfoutput>
    <div class="schedulebox">
        <div class="schedulehead" style="color: ###getfairdays.daycolor#;">#dateformat(getfairdays.fairdaydate,"dddd, mmmm dd")#</div>
        <div class="schedulesubhead" style="color: ##ffffff; background: ###getfairdays.daycolor#;">#getfairdays.description#</div>
        <cfoutput query="getfairevents">
            <div class="scheduleitem" style="float: left; width: 75px; text-align: right;">#LCase(TimeFormat(getfairevents.eventtime,"h:mmtt"))#</div>
            <div class="scheduleitem" style="float: left; width: 550px;">#getfairevents.eventname#</div><br/>
        </cfoutput>
    </div>
</cfoutput>

</cfloop>

Вот как должен выглядеть список дней и событий:

<div class="schedulebox">

    <div class="schedulehead" style="color: #4CC417;">Friday, February 22</div>
    <div class="schedulesubhead" style="color: #ffffff; background: #4CC417;">Opening Ceremony 4:30pm at Gate<br/>5:00 - 6:00pm - Free Admission &amp; Free Rides</div>
    <div class="scheduleitemtitle" style="color: #4CC417;">Strolling Acts</div>
        <div class="scheduleitem">5:30pm - Scotts Magic Show</div>
        <div class="scheduleitem">6:30pm - Rock-It the Robot</div>
        <div class="scheduleitem">7:30pm - Scotts Magic Show</div>
        <div class="scheduleitem">8:30pm - Rock-It the Robot</div>
    <div class="scheduleitemtitle" style="color: #4CC417;">Acts</div>
        <div class="scheduleitem">5:30pm - Sea Lion Show</div>
        <div class="scheduleitem">6:00pm - Alligator Wrestling</div>
        <div class="scheduleitem">6:30pm - Petting Zoo Presentation </div>
        <div class="scheduleitem">8:00pm - Alligator Wrestling</div>
        <div class="scheduleitem">8:30pm - Petting Zoo Presentation </div>
        <div class="scheduleitem">9:00pm - Sea Lion Show</div>
        <div class="scheduleitemtitle" style="color: #4CC417;">Stage Acts</div>
        <div class="scheduleitem">7:00pm - Youth Royalty</div>
    <div class="scheduleitemtitle" style="color: #4CC417;">Livestock Program</div>
        <div class="scheduleitem">6:00pm - Beef Breeding Screening</div>
        <div class="scheduleitem">7:00pm - Horse Judging Competition</div>

</div>