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 asp.net,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="http://symfony.com/schema/dic/services">

    <services>
        <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" />
        </service>

    </services>
</container>




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.

Previous
Next Post »

1 comments:

Write comments
Unknown
AUTHOR
30 August 2017 at 11:00 delete

this is no longer available

Reply
avatar

E-mail Newsletter

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

Recent Articles