This looks cool
Customizable Demo
Customizable Demo. Change the options and see the effect immediately.
Build your calendar by changing the options
Quick Links
Download Free Version
Web2Cal Basic
Please read the License Terms carefully
See Premium vs basic version difference
Web2Cal Basic Please read the License Terms carefully
See Premium vs basic version difference
Documentation
Select All
Copy and paste this code to generate a similar calendar.
OptionsViews: |
More Options
|
||||||||||||||||||||||||||||||||||||||||||
| Apply Options New Window | |||||||||||||||||||||||||||||||||||||||||||
Comments (18)
-
06/10/2009 | Milind - does it have ical support?It looks easy to integrate. But does it import ical files? Without Ical import it will be difficult to integrate with public calendars
-
06/09/2009 | web2cal - Ical SupportYes, package ships with utility files to parse an ical file to display events. Since this is entirely a front end component, it does not have ical upload feature.
-
06/10/2009 | victor - Nice CalendarThis looks really great.. Can't wait to try and I will post the reviews here. Quick ? .. Does the calendar support recurring events? or does it expect physical records to exist ?
-
06/11/2009 | web2cal - Yes. It supportsWe are still testing it. However, the MailCalendar demo you can see recurring effect.
-
06/17/2009 | trojan da virusIts nice, It is good to see resizer extends beyond the event start. I haven't seen any other calendar do that.
-
07/20/2009 | AndIt's very nice thank you! I have a question: How can I change timeformat in headers of events?
-
07/20/2009 | web2calThere are 2 ways you can do this.
1. Create your template,
<div>
<div class='header'>
</div>
${timeFrom} - ${timeTo}
</div>
In your event object, set timeFrom and timeTo with the values and format you want. Read about our templating
2. Providing custom function (Might be slow, depending on your number of events). Create your template like this.
<div>
<div class='header'>
${function: timeFormatFunction}
</div>
</div>
<script>
function timeFormatFunction(event)
{
return format(event.startTime) +" - "+ format(event.endTime)
}
</script>
Don't forget to provide this template you created as template for web2cal.
var ical=new Web2Cal('containerID', {weekDataTemplate: "YOUR NEW TEMPLATE"})
-
07/24/2009 | KidIs this possible to show our own window when creating a new event? It is not a DIV, but an object I must create in javascript.
-
07/24/2009 | web2calYes, you can write whatever logic you want. provide your custom implementation for Web2Cal.showNewEventForm. You can find this method in web2cal.support.js
-
07/27/2009 | LightAlloyAdding tasks from Agenda doesn't work ( Is it possible to make it work somehow?
-
07/28/2009 | web2calThis issue is fixed in v1.3. Calbasic will also be updated in the coming weeks.
-
07/31/2009 | PawelWorkshift view does not work in your demo application. I'm looking for a scheduler/calendar control which can display in resources view (e.g. users are displayed on the X axis, hours on the Y axis, etc.). Maybe Workshift does that, but there's no way to check currently...
| Week View < Prev Demo | Next Demo > Month View |
|---|
