Block Events in Range

Scheduler View Extension

A Must have extension for all Calendars!


 

Price Info

Free

Click on button below to purchase and download the Extension

Download:
Included in Web2Cal Ultimate

 

 

Description

Block Events is an extension that all calendars must have. This extension can either allow creation / dropping events in the range that is specified or block events from being created / dropped in the range specified.

There could be more than one time range per day. Callbacks provide that fine grained control to your extension.

You can update the range to block anytime by invoking the update method. With the right options, This extension can also prevent events from overlapping. 

        
         ical = new Web2Cal('calendarContainer', options... );
        

        //Setup Extension...


        blockEvents = new BlockEvents(ical, { 

										allowInRange: false,

										callBack: function(timePeriod, event){ 

											ical.showStatusMsg("Event not allowed between 

"+timePeriod.start.toString("yyyy-MM-dd HH:mm:00") +" to " + timePeriod.end.toString("yyyy-MM-dd HH:mm:00")+"", true);

										}, 

										highlightRange: true

									});   

        

        ical.build();
 
Year View Extension
 

Options

dtRanges
Summary Array Date ranges to be blocked
Default Value Empty Array
Permissible Values Array of objects that contain start and end
Example:
[{"start":"2010-09-02 18:00:01","end":"2010-09-03 08:59:59"}]
highlightRange
Summary Highlight the range ?
Default Value True
Permissible Values True / False
allowInRange
Summary Allow events in Range
Default Value false
Permissible Values True / False
allowCollides
Summary Allow overlapping events?
Default Value true
Permissible Values True / False
callBack
Summary Callback function invoked when a event is dropped or created in range?
Default Value Empty Function
Permissible Values Function

Params:

  • timePeriod - Time range that is violated
  • event - Details of the event that is dropped or created

What is included in the package?

  • extensions
    • blockEvents
      • blockEvents.js
      • example.html
      • css
        • styles.css
Source code is not available.