Recent news

Saturday, 7 May 2016

Simple jQuery Event Calendar Plugin With Datepicker

Calendar bundle is a jquery event calendar plugin with datepicker. This plugin can be use can be use in,html, php etc. 

How To Use
1. Add the below library reference

<link rel="stylesheet" href="{{ asset('bundles/adesignscalendar/css/fullcalendar/fullcalendar.css') }}" />
<script type="text/javascript" src="{{ asset('bundles/adesignscalendar/js/jquery/jquery-1.8.2.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/adesignscalendar/js/fullcalendar/jquery.fullcalendar.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/adesignscalendar/js/calendar-settings.js') }}"></script>

2. Now add the below code .
    eventSources: [
             url: Routing.generate('fullcalendar_loader'),
             type: 'POST',
             // A way to add custom filters to your event listeners
             data: {
                 filter: 'my_custom_filter_param'
             error: function () {
                 //alert('There was an error while fetching Google Calendar!');

3. Add the below xml to populate event using xml

xml version="1.0" ?>
<container xmlns="">

        <service id="acme.demobundle.calendar_listener" class="Acme\DemoBundle\EventListener\CalendarEventListener">
            <argument type="service" id="doctrine.orm.entity_manager" />
            <tag name="kernel.event_listener" event="calendar.load_events" method="loadEvents" />


Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Next Post »


Write comments
30 August 2017 at 11:00 delete

this is no longer available


E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles