Shows & Events Search Filter

Basic front-end jquery search filter for event listings.

Overview

Artists, dates and genres are added as data attributes (data-eventdate="2019-03-24" data-eventgenre ="music theatre") to each element with the .eventItem class. Event cards older than current date are hidden.

Built With

• Bootstrap-Datepicker - datepicker CSS and JS by UX Solutions
• Bootstrap 4.3.1 - front-end component library
• Font Awesome 5.8.0 - Font Awesome icon library
• jQuery 3.3.1 - JS library

Codepen

https://codepen.io/dustinur/pen/vPEzEK