WebAppers

/ best free open source web resources /

Shopify

wdCalendar – jQuery Based Google Calendar Clone

Posted · Category: Calendar, LGPL License

wdCalendar is a jquery based google calendar clone. It cover most google calendar features. User can choose to have a daily view, weekly view or monthly view. User can easily create, update or remove events by drag & drop. It is very simple to to integrate wdCalendar with a database.

wdCalendar is free (open source LGPL license), easy to use, and with great functionalities. You can check out the demo, and download it here.

jquery-calendar

Requirements: jQuery Framework
Demo: http://www.web-delicious.com/jquery-plugins-demo…
License: LGPL License

83 Comments
  • spelling-police

    Forgetting your plurals? Cmon Webappers…

  • lossy

    They have totally used the ExtJS design.

  • monn

    Definately, i thought they were using ExtJS when i saw the screenshot.

    That aside it seems to work well.

  • Dilbert

    I created my own jQuery calendar plugin that looks like Google Calendar. Give it a shot if you like.

    http://code.google.com/p/jquery-frontier-calendar/

  • http://www.web-resources.eu Web Resources.eu

    Is realy very cool work, and the person(s) who made that worked too hard, but the question is !

    Already we have the google Calendar with all the futures, why to use this one with limited functionality ?

    In any case ! Is a good job !

  • http://jumptree.com Liming

    Dilbert, your calendar is awesome. Great job!

  • Kuldip

    Awesome calendar tool, will this support localization, including double byte contents.

  • Kuldip

    What all data formats it support, does it supports to use iCal format to provide data.

  • Guido Glaser

    Great job! it looks very nice.
    But if i want to add a new event or if i want to edit an event i get the following error in the popup:
    >>This feature is disabled. Please download this plugin and install it in your machine for full features<<
    How can i solve this problem, and which plugin must be downloaded from where???
    Need helb ASAP, thanks…

  • Pingback: MOONGIFT: » jQueryで作るGoogleカレンダークローン「wdCalendar」:オープンソースを毎日紹介moongift.jp | PORTFOLIO -POST批評空間-

  • xuanye

    http://code.google.com/p/xgcalendar

    Looks like xgcalendar .
    hehe

  • Rayfcrols

    Show, I’m a few days playing with this plugin, since I got him on my system almost 100% functional with fully translated database, mult-user, etc.. More as I have little knowledge of PHP and even less when it comes to tinker with other applications, not to change the patterns of conse DATA mo standard for Sterling. MM / dd / yyyy someone could give me more information about or can help me?

    PS. Excuse the English, I’m using Google translator

  • Justin

    Thanks for the great calendar. I have been stuggling for years to get a decent looking calendar on my website. It sits in an iframe, and after some code edits, it will trigger a javescript function to load more detailed info about the event on the main page.

    Thanks!

  • Bram

    Does anyone using this Calendar with a database behind it? I use it, but when I have events in my DB and want to see that day with events, i get a loading error…

    SOMEBODY HELP!!

  • Felipe

    PHP HELP

    131 var param = [{ "name": "calendarId", value: 8}];

    How can I use the $id value instead of the 8 number that comes as default?

  • http://websitecenter.ca/clients Iouri Goussev

    I used this plug-in in a web application that I built for a small company. I had to customize it a little but it was reasonable easy to use and adjust.

  • J4v19

    Hi, I do not I work with databases. I changed the filenames datafeed.php and dbconfig.php edit.php and connection. Should we do more? I always says “Sorry, could not load your data, please try again later. ” I removed the try {catch ()} function
    getCalendarByRange function ($ id) {
    $ db = new DBConnection ();
    $ db-> getConnection ();
    $ sql = “select * from ` jqcalendar `WHERE` id `= “. $ id;
    $ handle = mysql_query ($ sql);
    / / echo $ sql;
    $ row = mysql_fetch_object ($ handle);
    return $ row;
    }

    And at least I no longer gives SQL syntax error.
    Have if someone can help me.
    Thanks

  • http://ofir.hr milan

    @J4v19 – you can use this:
    http://www.boutell.com/scripts/jsonwrapper.html
    include it in datafeed.php. It’s an error connected with PHP version which you are using. However including this solved my problem.

  • http://www.baboon.ir/ baboon-ir

    Great job! it looks very nice.

  • giorgio

    I am using in my application but I have a problem and I want to display events based on a box where you select the user and that the changes are shown only the events for that user, I can help do that?

  • Rocky

    Hi,

    I am using wdCalendar. I want to localize the calendar now. But I am seeing just these three files wdCalendar_lang_AU.js, wdCalendar_lang_HK.js and wdCalendar_lang_US.js in the installation folder. What about the files for other languages ? May I know from where I can download them ?

  • http://www.giorgionet.es giorgio

    Hello, you need not download any file, just copy the English language for example, (U.S.) and rename the termination of your language, for example Spanish, would wdCalendar_lang_ES.js, then edit the renamed file to translate all strings to that language.

  • Rocky

    Hi,
    I am using wdCalendar and it is working fine. But when I have the calendar design at the bottom or the middle of the page the DRAG feature is not working. To reproduce, you can put a lots of empty just above your calendar design and you will see the drag feature stops working. For example:

    With the above design the drag feature stops working…Is this a known issue, is this necessary that I have to keep the calendar design at extreme top, Can you let me know how can I fix this.

  • Rocky

    br br br br br br br br br br br br br br br b
    div
    div id=”calhead”
    div class=”cHead”
    div class=”ftitle”

    With the above design the drag feature stops working…Is this a known issue, is this necessary that I have to keep the calendar design at extreme top, Can you let me know how can I fix this.

  • Rocky

    Hi,

    It’s been 3 days since I have not received any reply for the bug which I have mentioned above. Can you please look into the issue ?

  • John

    Hi Rocky,

    Me too got this issue, I fixed it simply replacing document.documentElement.clientHeight with document.documentElement.scrollHeight every where in code.

    Mainly in jquery.calendar.js and where you implemented the calander code… just replace in every calendar file.

    Dont forget to take backup of the files before replacing.

    Hope this will solve your issue too.

    Great Codeing!!

    John

  • Alexandre

    Hello! Is it possible change datetime format to, i.e., dd/MM/yyyy (“pt-BR”)? Could you guys help me? Thanks anyway!

  • Dave

    Calendar works great…I noticed tooltip doesn’t display in firefox though even when I tried the demo page in firefox. Anyone else find this same issue? Thanks

  • http://www.giorgionet.es GIORGIO

    Alexandre I have the same problem, if I change the date format dd/MM/yyyy in the internationalization file ceases to show the input events.
    Anyone know how to change the date format?
    Greetings.

  • Louis

    I also can’t get the tooltip to show up in Firefox. Anybody know a fix?

  • please help

    Please how to change it to dd/MM/yyyy en-GB?

  • john

    i am using wdcalendar but i cant able to add event ..becoz its says “This feature is disabled. Please download this plugin and install it in your machine for full features” how can i resolve this issue ..please help me thanks

  • chamara

    Im trying to localize wdcalendar other languages,I want to set a setting where user can select HK,US or AU and depending on the selection only calendar should be localized.
    How can I achieve this?

  • Anju

    Hi John

    To add/edit events , you to follow the readme doc. ie;
    By default, events are created randomly. If you would like it work with database, please

    a. create a database, and execute setup.sql

    b. change php/dbconfig.php to fit yours

    c. rename edit.db.php to edit.php, php/datafeed.db.php to php/datafeed.php (you may backup edit.php/datafeed.php)

  • Nikhil Malhotra

    Hi,

    I too have just noticed that tooltips doesn’t display in firefox. The tooltips in the HTML header have also stopped working on the calendar page while they work perfectly on other pages.

    Please advise.


    Thanks,
    Nikhil Malhotra

  • Ranjeet

    Hi,
    I am using wdCalendar and it is working fine localhost . But when I have the using on server it’s not work show msg’sory could not load your data, please try agan later….
    (I have changed my server username and password bot not work) plz tell me how to solve… thanks..

    Ranjeet

  • Ravi

    can we change the time format to 12 hour, ie 01:30 PM instead of 13:30??

  • Kc13

    What parameters need to be changed to add a field to the event?  Such as a Resource.  Everything worked great after install.  Added Resource to the database table, updated the edit.php to include the Resource (after location) as well as the datafeed.php (consistent with other code format within each php file.  Saved and refreshed, but now it doesn’t work.  Is there a js or other file that also needs to be updated to include the new database field?

  • Punya Ganga

    In month view, if there are more (7/8) events created, it shows 2/3 events in that month and then it shows “Others”, When you click on that all events of that month will be displayed, but at top it displays date, which is wrong. Please look at attached Image.

    If you wan to correct it, then in “jquery.calendar.js” find following line

    var day = new Date(arrdays[0], parseInt(arrdays[1] – 1), arrdays[2]);

    replace this line with following line

    var day = new Date(arrdays[2], parseInt(arrdays[0] – 1), arrdays[1]);

    The date will be corrected.

  • Saryu

    Hi,
    When we click on a cell then a pop up occurs to add event. I don’t need that. Could any body plz suggest how to remove this functionality.

  • SASA Software Technologies

    how to limit the hours i just want to show 10 hours calendar instead of 24 hours how to do this

  • Aniket

    Hi John,

    Can you please help me I want only 10 hours in the calendar instead of 24. how to do it??

  • kavitha

    Hi i am also facing same issue. Please if you find reply me.

    Thanks

  • Mark

    excellent job and design , this interface were great and useful. i have a problem, the memo can drag, but for me, i want the memo not drag, so i can use this for booking a programme for my system. any one of you know how to do this ?thanks

  • Guest

    im getting this error how do you fix this

    “This feature is disabled. Please download this plugin and install it in your machine for full features”

  • http://www.facebook.com/KoopayValeria Nana Nakamura

    Hey man, i’ currently trying to edit the basic functionality where on clicking a cell, opens the bubble. I want it to go directly from clicking a cell to add detailed model window. did you achieved such change?plz help, cheers!

  • http://www.facebook.com/KoopayValeria Nana Nakamura

    could anyone modify the functionality where clicking on a cell goes directly to the modal window instead of the “quick add bubble” popup?? plz help on that!

  • Austin

    Does anyone know how to fix the “Sorry, could not load your data, please try again later” error? I have tried everything and cannot figure it out, any help is appreciated. If you have suggestions please email austin@iheff.net. Thanks!

  • Ruiz Alexandre

    It’s a beautiful plugin. I use it every time is possible.

    I have juste one question. Is it possible to show the description field in the popup ?

    You can talk to me on my mail rruiz.alex@gmail.com

    Tank’s a lot.

  • shekhar

    my calendar works properly on localhosat

    but when i upload on server then a msg show “sory could not load your data, please try agan later….”

    and i also change the username, database name and password.

    how can i fix this problem

    please help me ….

  • Neeraj

    Please I need the same calendar for classic asp.. is there any link for classic asp calendar instead of php ?

  • Neeraj

    Please I need the same calendar for classic asp.. is there any link for classic asp calendar instead of php ?

  • Neeraj

    Please I need the same calendar for classic asp.. is there any link for classic asp calendar instead of php ?

  • Yusuf

    Hi. is there ny way to make it for multiple user? for example, show the result by username from cookie at the sql queries.

  • waheed

    there is any way to change date format from USA to UK
    please help

  • Vimal raj

    Awesome coding !!!. no words to appreciate

    I am using this in my site

    I want to show (09:00 to 21:00) instead of (00:00 to 23:00 ) in ‘day’ view , To do this i started editing the jquery.calendar.js, it confused me a lot. Is there is any way to do this ?

  • http://www.facebook.com/juanjodubey Juanjo Oakenfold

    rename edit.db.php to edit.php, php/datafeed.db.php to php/datafeed.php (you may backup edit.php/datafeed.php)

  • vikash

    how to handal the timeZone problem in wdcalendar.when saving event some time it adds hours and some time subtract hours how to handle this

  • Shahbaz Badar

    Did great job.

    I have not even a single word to appreciate.

    Awesome,

    Thank You.

  • sarika

    I am using this calendar with codeigniter and find few issues:
    on click the added event not display the edit dialog box.
    But display report dialog instead of edit.

  • http://www.facebook.com/zayen.zikou Zayen Zikou

    I like dev this code in symfony 2 . help me please

  • Chintan Plenar

    Hi,

    Its working fine ! all features doing great ..
    but I want to know that , is there recurring events feature available ?
    If yes , then how can I make it on ?

  • Wayne Hamer

    Greetings.. great calendar script.. however. I am trying to create a back-end admin that can add/edit individual user events based on IDs from a database. I added a uid field to the table. I kinda figured out how to reload the events when I change to a different user, however the other methods get mixed up. The next button will skip months.. etc. I reload the whole calendar.. I just want to reload the events. Is this possible? easy?

  • Gucho Ca

    Same problem as most users here, On webhosting I dont get it to work, but in localhost it does work, ….. even Im using the wrapper someone said earlier but It doesnt work either, anny solutions pleaseeeee aguchoca@gmail.com

  • Dan

    When editing an event, i get an undeclared variable error for: event.
    I have checked the source code and can’t figure out why. Can anyone help?

  • Gucho Ca

    you have got the wrond datafeed.php and edit.php, you did not follow the instructions !

  • Guest

    can i use it in java web application.I have to schedule events for a day in seconds but it seems to schedule minimum half an hour

  • Vivek Tikoo

    can we use it in java web application.I have to schedule events for a day in seconds but it seems to schedule minimum half an hour

  • archit

    hi,
    Can you tell me why drag and drop is not working after the saving the event into databse if i refresh the page then event is coming with red backgroud but it is not draggable.

  • Lynn Lollar

    I love this plugin.. My only problem has been that it will occasionally show ${content} where the eventtitle should display. If I hover over the eventtitle it does display correctly in the hover box. Any ideas on why its saying ${content}. Thanks for the help.

  • Paulo Relogio

    Is there someone still working on this? i think i found a bug…. when you have an event from day X to day X+5 you only see that event on the first day! can you help?

  • nirali shah

    Hello.. This calendar works fine.. but when i click on refresh, or change the view from month to week , etc.. the events comes wrong and duplicates. need your help to solve this issue. Thanks a lot in advance.

  • Stephane Gerber

    Great job, I just found a little bug: when you try to delete an event from the ‘Edit details’ menu (Manage the calendar window), the deletion is not working (the wrong calendarId is sent)

  • S Wahi

    Hi,
    When I click on “New Event” button, I Get a php Error, says : “undefined index : id in edit.php on line 16″

  • David Baker

    wdCalendar has just been implemented into the popular UCM software. Check it out in this blog post: http://ultimateclientmanager.com/2014/03/18/crm-calendar-system-now-available-in-ucm/

    We’ve fixed a few bugs in the calendar as well.

  • Chandni Chotia

    Hi, did u find the solution for this? i am getting the same issue….

  • Chandni Chotia

    hi, i am having the same issue…. Could you help me out in dis….

  • Chandni Chotia

    hi, i am having the same issue…. Could you help me out in dis…. i am getting the error could not load the data

  • Bridget Basan

    dbconfig needs your info in both the mysql calls. Go into your database server and create the database. Then execute the setup.sql command in that database.

    I had the same problem until I executed the setup.sql command.

  • leamsi

    i cant use it…. still show random events!!

  • leamsi

    i done all and still show random events!!

  • Jussi

    Too old PHP version.

  • desertbob

    Do a conditional modification on the code at about line 90 in edit.php. I had to modify because I wanted 15 minute increments, adding a couple of lines.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons