In this tutorial, We will learn how to get event dates on click in the full calendar using jquery. We will show get event date on click in the full calendar using jquery. 


<!DOCTYPE html>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Fullcalendar Get Event Date On Click Example Using Jquery</title>
        <link rel="stylesheet" href="" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link rel="stylesheet" href=""/>
    <style type="text/css">
        #calendar {
            margin: 20px auto;
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div id="calendar"></div>
    <script src=""></script>
    <script src=""></script>
    <script src=""></script>
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                eventClick: function (info) {
                    var eventObj = info.event;
                    if (eventObj.start) {
                        alert('Clicked' + eventObj.start);
                events: [
                        title: 'simple event',
                        start: '2021-03-27'
                        title: 'New Event',
                        start: '2021-10-03'

Thanks, May this example will help you...