Historical Events

September

Discover 14 significant historical events from September 1915 to 2024, featuring battles, discoveries, and cultural milestones that shaped our world.

September 1 6 events

Munich massacre

1972

Storm Daniel

2023

1999 Russian apartment bombings

1999
September 2

No events recorded

September 3

No events recorded

September 4

No events recorded

September 5

No events recorded

September 6

No events recorded

September 7

No events recorded

September 8

No events recorded

September 9

No events recorded

September 10

No events recorded

September 11 3 events

September 11 attacks

2001

collapse of the World Trade Center

2001

American Airlines Flight 11

2001
September 12

No events recorded

September 13

No events recorded

September 14

No events recorded

September 15 1 events

Siege of Kobanî

2014
September 16

No events recorded

September 17

No events recorded

September 18

No events recorded

September 19

No events recorded

September 20

No events recorded

September 21

No events recorded

September 22 1 events

2024 World Road Cycling Championships - Men ITT

2024
September 23

No events recorded

September 24 1 events

2017 German federal election

2017
September 25

No events recorded

September 26 1 events

2021 German federal election

2021
September 27

No events recorded

September 28 1 events

Miss World 2013

2013
September 29

No events recorded

September 30

No events recorded

Historical Events in September <meta name="description" content="Browse historical events that occurred in September"> <meta name="keywords"> <link rel="canonical" href="https://whatdateis.today/events/on-this-month/september/"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <script> function openModal(dateId) { document.getElementById('modal-' + dateId).classList.remove('hidden'); document.body.style.overflow = 'hidden'; } function closeModal(dateId) { document.getElementById('modal-' + dateId).classList.add('hidden'); document.body.style.overflow = 'auto'; } // Close modal when clicking outside window.onclick = function(event) { if (event.target.classList.contains('modal-backdrop')) { event.target.classList.add('hidden'); document.body.style.overflow = 'auto'; } } // Close modal on escape key document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { document.querySelectorAll('.modal-backdrop').forEach(modal => { modal.classList.add('hidden'); document.body.style.overflow = 'auto'; }); } }); </script> <div class="bg-gradient-to-b from-blue-50 to-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <!-- Header --> <div class="text-center mb-12"> <h1 class="text-4xl sm:text-5xl font-bold mb-6 text-gray-900">Historical Events</h1> <p class="text-2xl font-medium text-blue-600 mb-4">September</p> <p class="text-xl text-gray-600"> Discover 14 significant historical events from September 1915 to 2024, featuring battles, discoveries, and cultural milestones that shaped our world. </p> </div> <!-- Month Navigation --> <div class="mb-12"> <div class="bg-white rounded-xl shadow-sm p-6"> <h2 class="text-xl font-semibold mb-4">Browse Events by Month</h2> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3"> <a href="/events/on-this-month/january" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> January </a><a href="/events/on-this-month/february" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> February </a><a href="/events/on-this-month/march" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> March </a><a href="/events/on-this-month/april" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> April </a><a href="/events/on-this-month/may" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> May </a><a href="/events/on-this-month/june" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> June </a><a href="/events/on-this-month/july" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> July </a><a href="/events/on-this-month/august" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> August </a><a href="/events/on-this-month/september" class="px-4 py-3 rounded-lg text-center transition-colors bg-blue-600 text-white font-medium"> September </a><a href="/events/on-this-month/october" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> October </a><a href="/events/on-this-month/november" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> November </a><a href="/events/on-this-month/december" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> December </a> </div> </div> </div> <!-- Calendar Grid --> <div class="bg-white rounded-xl shadow-sm p-6"> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4"> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 1 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 6 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Munich massacre</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1972 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Storm Daniel</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2023 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1999 Russian apartment bombings</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1999 </span> </div> <div class="mt-2 space-y-1"> </div> </div> <button onclick="openModal('september-1')" class="w-full mt-2 px-4 py-2 bg-blue-50 text-blue-600 rounded-lg text-sm font-medium hover:bg-blue-100 transition-colors"> View all 6 events </button> </div> </div> <div id="modal-september-1" class="modal-backdrop hidden fixed inset-0 bg-black bg-opacity-50 z-50 overflow-y-auto p-4"> <div class="min-h-screen flex items-center justify-center"> <div class="bg-white rounded-xl max-w-3xl w-full max-h-[90vh] overflow-hidden relative"> <div class="p-6 border-b border-gray-200"> <div class="flex items-center justify-between"> <h2 class="text-2xl font-bold text-gray-900"> Events on September 1 </h2> <button onclick="closeModal('september-1')" class="text-gray-400 hover:text-gray-500"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <div class="p-6 overflow-y-auto max-h-[calc(90vh-120px)]"> <div class="space-y-4"> <div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">Munich massacre</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 1972 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">Storm Daniel</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2023 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">1999 Russian apartment bombings</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 1999 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">Volkswagen emissions scandal</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2015 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">Beslan school siege</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2004 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">Great Retreat</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 1915 </span> </div> </div> </div> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 2 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 3 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 4 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 5 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 6 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 7 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 8 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 9 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 10 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 11 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">September 11 attacks</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2001 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">collapse of the World Trade Center</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2001 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">American Airlines Flight 11</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2001 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 12 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 13 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 14 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 15 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Siege of Kobanî</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2014 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 16 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 17 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 18 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 19 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 20 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 21 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 22 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2024 World Road Cycling Championships - Men ITT</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2024 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 23 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 24 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2017 German federal election</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2017 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 25 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 26 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2021 German federal election</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2021 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 27 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 28 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Miss World 2013</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2013 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 29 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> September 30 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> </div> </div> </div> </div>