Adding a calendar to your site

Get Started
1

Hi,

I would like to add a simple but good looking calendar to my side bar.
Can anyone advise on any good links to some?

Thanks

2

for simple date display use the getDate method in javascript.

For interactive calendars that allow you to show/hide specific dates, months and enter dates, I’ve used the jquery ui.

The cool thing about version 1.8x is that you can download a custom version of the ui script so that you don’t have all that extra code when you aren’t using those widgets on oyur page.

3

There are a blue million calendar widgets out there. Most of them suck beyond belief :slight_smile: If it were my call, I’d hunt for a jQuery solution, but that’s because most of the sites I build have some jQuery widget already in them, and the various widgets don’t (usually) fight with one another. (And I’m very aware that there are knowledgeable people in here who hate and despise jQuery!)

4

Do you have a link to your site so we have an idea where you’re talking about

5

The cool thing about version 1.8x is that you can download a custom version of the ui script so that you don’t have all that extra code when you aren’t using those widgets on oyur page.

That’s practically mandatory: the entire ui widget stuff is pushing 300k, so you’ve got to make your own personal mix-n-match for widget thingies on your site.

6

I built my calendars by hand. This does mean it is not updated automatically by some script though. But that could be added with plain old Javascript.

7

It doesn’t have to be anything flashy, just something which displays the date simply and looks clean.

I downloaded one but I couldn’t get it to link up properly due to conflictin JavaScript I think…

8

If it were my call, I’d hunt for a jQuery solution, but that’s because most of the sites I build have some jQuery widget already in them, and the various widgets don’t (usually) fight with one another.

Get one that uses ARIA attributes. There are groups around the interwebs making jQuery plugins actually work from keyboards and with a11y technology, but you have to hunt for them.

Though my original thought was that you wanted a display calendar, in which case, if it’s just showing and highlighting the current day and shows events you’ve typed in on hover/focus, jQuery is way too much Javascript for such a simple setup. All it would need to do is have CSS for hover/focus and Javascript to check the current date and choose the right td (tables are great for calendars) and set a class on it or whatever.

9

I simply added my GGoogle Calendar to mine. What do you need the calendar to do?