Tengo una página de eventos donde necesito mostrar los eventos de cada día. Lo he llegado a este punto, así que estoy progresando.

La base de datos tiene 3 tablas: fairdays, eventtypes, events

fairdays: id, fairdaydate (datetime), daycolor, description

eventtypes: id, eventtype <- Esta tabla es para la selección de entrada en "agregar formulario de evento"

eventos: id, eventname, eventtype, eventday (datetime), eventtime (datetime)

Mi intención es mostrar el día con la descripción, luego debajo de eso están los tipos de eventos, y debajo de cada uno de ellos están los eventos correspondientes.

No he descubierto cómo mostrar el subtítulo del tipo de evento, luego los eventos individuales debajo de cada uno de ellos, pero aquí está mi código hasta ahora. Cualquier ayuda sería enormemente apreciada.

<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>

Así es como debería verse la lista de días y eventos:

<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>