Boston Theater District - Shows & Musicals 2024/2025 (2024)

`citiesList.insertAdjacentHTML('beforeend', cityRow)})}}function setCity(elem, id) {cityInp.value = elem.textContentcitiesList.style.display = 'none'scheduleBox.setAttribute('data-page', 0);paramsCity = '&city=' + idloaderAnim.classList.remove('hidden-loader')loadSchedulePage()}document.addEventListener('click', (e) => {const withinBoundaries = e.composedPath().includes(cityWrap);if (!withinBoundaries) {citiesList.style.display = 'none'}})}function nextCalendar() {curMonth++;if (curMonth > 12) {curMonth = 1curYear++;}createCalendars(calendarBlock, curYear, curMonth)}function prevCalendar() {curMonth--;if (curMonth < 1) {curMonth = 12curYear--;}if (curYear === todayYear && curMonth <= todayMonth) {curMonth = todayMonth;curYear = todayYear;}createCalendars(calendarBlock, curYear, curMonth)}function resetFilter() {if (selected1 !== 0) {selectionIndex = 1;selected1 = 0;selected2 = 0;fstring = '';fltrTitle.innerHTML = 'Select Your Dates'fltrBtn.addEventListener('click', openFilter, true)scheduleBox.setAttribute('data-page', 0);params = ''} else {fltrBtn.addEventListener('click', openFilter, true)}createCalendars(calendarBlock, curYear, curMonth)loaderAnim.classList.remove('hidden-loader')loadSchedulePage()}function clearFilter() {fltrBtn.classList.remove('fltr-opened');fltrBtn.addEventListener('click', openFilter, true);}function applyFilter() {if (fstring !== '') {fltrTitle.innerHTML = fstringif (selected2 === 0) {scheduleBox.setAttribute('data-page', 0);let m = (Number(selected1.toString().substr(4, 2)) + 1).toString()if (m.length === 1) {m = '0' + m}params = '&start_date=' + selected1.toString().substr(0, 4) + '-' + m + '-' + selected1.toString().substr(6, 2)} else {scheduleBox.setAttribute('data-page', 0);let m = (Number(selected1.toString().substr(4, 2)) + 1).toString()if (m.length === 1) {m = '0' + m}let m2 = (Number(selected2.toString().substr(4, 2)) + 1).toString()if (m2.length === 1) {m2 = '0' + m2}params = '&start_date=' + selected1.toString().substr(0, 4) + '-' + m + '-' + selected1.toString().substr(6, 2)params = params + '&end_date=' + selected2.toString().substr(0, 4) + '-' + m2 + '-' + selected2.toString().substr(6, 2)}loaderAnim.classList.remove('hidden-loader');loadSchedulePage()}fltrBtn.classList.remove('fltr-opened');fltrBtn.addEventListener('click', openFilter, true)}fltrBtn.addEventListener('click', openFilter, true)// closeFltr.addEventListener('click', closeFilter, true)function openFilter(event) {event.stopPropagation()fltrBtn.classList.add('fltr-opened');fltrBtn.removeEventListener('click', openFilter, true)createCalendars(calendarBlock, curYear, curMonth)}function closeFilter(event) {event.stopPropagation()fltrBtn.classList.remove('fltr-opened');fltrBtn.addEventListener('click', openFilter, true)}function selectDate(d, m, y) {let daystring = d.toString()if (daystring.length === 1) {daystring = '0' + daystring}let monstring = m.toString()if (monstring.length === 1) {monstring = '0' + monstring}let s = Number(y.toString() + monstring + daystring)let monstr = new Date(y, m).toLocaleString('en', {month: 'short'})if (selectionIndex === 1) {selected2 = 0;selected1 = sfstring = monstr + ' ' + daystring + ', ' + y}if (selectionIndex === 2) {selected2 = s;if (selected1 > selected2) {selected2 = selected1selected1 = sfstring = monstr + ' ' + daystring + ', ' + y + ' - ' + fstring} else {fstring = fstring + ' - ' + monstr + ' ' + daystring + ', ' + y}selectionIndex = 0}selectionIndex++createCalendars(calendarBlock, curYear, curMonth)}function createCalendars(elem, year, month) {let year1 = year;let year2 = year;let mon1 = month - 1;let mon2 = mon1 + 1;if (mon2 > 11) {mon2 = 0year2 = year + 1;}let d1 = new Date(year1, mon1);let d2 = new Date(year2, mon2);let m1str = new Date(year1, mon1).toLocaleString('en', {month: 'long'});let m2str = new Date(year2, mon2).toLocaleString('en', {month: 'long'});let calendarBody1 = ''let calendarBody2 = ''for (let i = 0; i < getDay(d1); i++) {calendarBody1 += `

`;}for (let i = 0; i < getDay(d2); i++) {calendarBody2 += `

`;}while (d1.getMonth() == mon1) {let daystring = d1.getDate().toString()if (daystring.length === 1) {daystring = '0' + daystring}let monstring = mon1.toString()if (monstring.length === 1) {monstring = '0' + monstring}let selstring = Number(year1.toString() + monstring + daystring)if (d1 >= (new Date(mindate))) {if (selected1 === selstring && selected2 === 0) {calendarBody1 += '

` + d1.getDate() + '

';d1.setDate(d1.getDate() + 1);} else if (selected1 === selstring && selected2 !== 0) {calendarBody1 += '

` + d1.getDate() + '

';d1.setDate(d1.getDate() + 1);} else if (selected2 === selstring) {calendarBody1 += '

` + d1.getDate() + '

';d1.setDate(d1.getDate() + 1);} else if (selected1 < selstring && selected2 > selstring) {calendarBody1 += '

` + d1.getDate() + '

';d1.setDate(d1.getDate() + 1);} else {calendarBody1 += '

` + d1.getDate() + '

';d1.setDate(d1.getDate() + 1);}} else {calendarBody1 += '

' + d1.getDate() + '

';d1.setDate(d1.getDate() + 1);}}while (d2.getMonth() == mon2) {let daystring = d2.getDate().toString()if (daystring.length === 1) {daystring = '0' + daystring}let monstring = mon2.toString()if (monstring.length === 1) {monstring = '0' + monstring}let selstring = Number(year2.toString() + monstring + daystring)if (d2 >= (new Date(mindate))) {if (selected1 === selstring && selected2 === 0) {calendarBody2 += '

` + d2.getDate() + '

';d2.setDate(d2.getDate() + 1);} else if (selected1 === selstring && selected2 !== 0) {calendarBody2 += '

` + d2.getDate() + '

';d2.setDate(d2.getDate() + 1);} else if (selected2 === selstring) {calendarBody2 += '

` + d2.getDate() + '

';d2.setDate(d2.getDate() + 1);} else if (selected1 < selstring && selected2 > selstring) {calendarBody2 += '

` + d2.getDate() + '

';d2.setDate(d2.getDate() + 1);} else {calendarBody2 += '

` + d2.getDate() + '

';d2.setDate(d2.getDate() + 1);}} else {calendarBody2 += '

' + d2.getDate() + '

';d2.setDate(d2.getDate() + 1);}}if (getDay(d1) != 0) {for (let i = getDay(d1); i < 7; i++) {calendarBody1 += '

';}}if (getDay(d2) != 0) {for (let i = getDay(d2); i < 7; i++) {calendarBody2 += '

';}}let calendar1 = ``;let calendar2 = ``;if (window.innerWidth <= 800) {calendar1 = `

`;calendar2 = `

`;} else {calendar1 = `

`;calendar2 = `

`;}let prevContol = `

`if (curMonth === todayMonth && curYear === todayYear) {prevContol = ``}let calendars = ``if (window.innerWidth <= 800) {calendars = `

${calendar1 + calendar2}

`;} else {calendars = `

${calendar1 + calendar2}

`;}elem.innerHTML = calendars;}function getDay(date) {let day = date.getDay();return day;}fltrBtn.style.display = 'block';function applyScheduleFilter(categories, city) {selected1 = document.querySelector('.v-start-date').getAttribute('data-data')selected2 = document.querySelector('.v-end-date').getAttribute('data-data')fstring = `${document.querySelector('.v-start-date').innerHTML} - ${document.querySelector('.v-end-date').innerHTML}`if (fstring !== '') {fltrTitle.innerHTML = fstringif (selected2 === 0) {scheduleBox.setAttribute('data-page', 0);let m = (Number(selected1.toString().substr(4, 2))).toString()if (m.length === 1) {m = '0' + m}params = '&start_date=' + selected1.toString().substr(0, 4) + '-' + m + '-' + selected1.toString().substr(6, 2)} else {scheduleBox.setAttribute('data-page', 0);let m = (Number(selected1.toString().substr(4, 2))).toString()if (m.length === 1) {m = '0' + m}let m2 = (Number(selected2.toString().substr(4, 2))).toString()if (m2.length === 1) {m2 = '0' + m2}params = '&start_date=' + selected1.toString().substr(0, 4) + '-' + m + '-' + selected1.toString().substr(6, 2)params = params + '&end_date=' + selected2.toString().substr(0, 4) + '-' + m2 + '-' + selected2.toString().substr(6, 2)}if (categories) {params += `&categories=${categories}`}if (city) {params += `&city=${city}`}loaderAnim.classList.remove('hidden-loader');loadSchedulePage()}fltrBtn.classList.remove('fltr-opened');fltrBtn.addEventListener('click', openFilter, true)}

About Boston Theater District

Boston’s Theater District can be found downtown, specifically nestled in the South End neighborhood. The heart of this area is Tremont Street, where you’ll discover a cluster of theaters that showcase an array of live performances. Among the theaters, in the Boston Theater District are the Boston Opera House, the Citi Performing Arts Center, and the Paramount Center. This vibrant district serves as a point for entertainment in Boston offering a diverse lineup of shows spanning from theatrical productions and musicals to concerts and comedy performances. Notable productions like “Hamilton,” “Dear Evan Hansen,” and “The Lion King” have graced the stages of this district. Accessibility to the Theater District is convenient via transit with MBTA subway and bus lines serving the vicinity. Furthermore, it’s conveniently situated within walking distance, from many of Boston’s attractions and neighborhoods.