In this tutorial, We will learn how to get selected year using jquery in full calendar example. I will show you get selected year in the full calendar. This article will give you how to get selected year using jquery in the full calendar.


Example:

<html>
    <head>
        <title>Fullcalendar Get Selected Year Using Jquery Example</title>
        <link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.css" rel="stylesheet"/>
        <link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.print.css" rel="stylesheet" media="print"/>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" >
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.js"></script>
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-12 mt-5 mb-5">
                    <div id="calendar"></div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $('#calendar').fullCalendar({
                selectable: true,
                select: function (start, end, jsEvent, view) {
                    var allDay = !start.hasTime() && !end.hasTime();
                    console.log(["Selected Year : " + moment(start).format('YYYY')]);
                    alert(["Selected Year : " + moment(start).format('YYYY')]);
                }
            });
        </script>
    </body>
</html>


Thanks, May this example will help you...