Fri 21 Dec 2007
Sometime in my job, i need a calendar but i had a poor calendar, bad javascript and desing…
Now, i know Mootools and i thought , i should to do a calendar for Mootools.
The Calendar is a spanish version but im working in a new version in English or may be in a version where you can configure the language.
You should add this class (’ncalendar’) to a input and upload images and css from Example web.
You can see a Example , download a extended version or packed version if you want.
Enjoy the scripts 
Edit: New Version 09/02/2008
Note :Design by Robert (thanks!)
New Features
- You can select max and min Date
- You can select a format date, ex. d/m/y m/d/Y etc…
- New Design
- Bug fixed (32 days??)
30 Responses to “Calendar for Mootools”
Leave a Reply
You must be logged in to post a comment.
June 7th, 2007 at 10:37 am
Hi, your calendar for mootools is impressive.
I think it would be better if the calendar can display the time as well as the date.
June 19th, 2007 at 12:07 pm
Really good job ! thanks a lot for your impressive work.
July 3rd, 2007 at 8:36 pm
Thanks a lot for your calendar, is very impressive.
Greetings from Mexico!
July 3rd, 2007 at 11:52 pm
This is really great!! Just needed some customization but it works really great. Thank you so much!
July 9th, 2007 at 6:11 pm
Really great work … just need to document how to use Config to newbies…
July 13th, 2007 at 9:04 am
Really great work! Integrates pefectly and easily into any website. Modifications are really simple.
Thanks again.
( here is my integration of your calendar: http://www.gonnaeat.com/ )
August 28th, 2007 at 12:35 pm
hi..i’m new to mootools..
i tried to use your calendars for mootools, but it didn’t work. anyone can explain how i should use the config?
Thanks.
September 5th, 2007 at 6:23 am
Studio Glamour…
hey great stuff…
September 7th, 2007 at 5:39 am
Hi,
very useful tool. I’d like to share a bug/issue, that made me waste some time. If you use an input box inside a label, you might get some unexpected behaivours when clicking on next month/prev month. The click event on those elements might be propagated back to the input, as the calendar container div will be attached to the label of the input! This will make unuseable navigation buttons.
The easier solution is just to change the container of the calendar div in the create_calendar function, that by default is the input container.
Hope helps someone!
September 7th, 2007 at 9:10 am
Thanks very much mate, i will do it.
September 24th, 2007 at 3:56 pm
Glamour Modeling…
hey cool stuff…
October 14th, 2007 at 9:29 am
Hi,Garcia
I’m a chinese mootools fan,and downloaded ur Calendar and Tips for Mootools. ths for ur sharing,ths!but,i have a small question:my images saved not in ‘img’ dir.,how can i change z calendar’s bg in my dir.,and not in ‘img’.
Neil, Orz.
October 17th, 2007 at 5:48 pm
you can edit javascript code or css
October 25th, 2007 at 12:49 am
how would I adjust the setdate function to be US standard date. Meaning mm/dd/yyyy, instead of dd/mm/yyyy…? I’m assuming it’s in the setdate function??
October 25th, 2007 at 12:58 am
also, say when I have a date already pre populated in the input field 19/10/2007, and I execute the method, it starts out on April 2076…
any thoughts?
October 25th, 2007 at 9:29 am
Hello, you can edit the javascript file, line 199
where
mes = month ,
dia = day
199 .- td.setProperty(’id’, dia + ‘/’+ mes +’/'+ date.getFullYear());
Im sorry, I will translate variables name for the next version.
October 25th, 2007 at 6:04 pm
hey no worries, I understand, them, I just should have snapped to that line, thanks much! Also do you have any thoughts on my second issue I’m running into?? Let me rephrase…
so once I add a date, or say I auto-populate that field with a date, and I click the caledar again, it puts me in the year 2076…
not sure where you’re doing this in your class??
October 25th, 2007 at 6:15 pm
hi again, maybe your date was US format?
You can edit line 99, because calendar.js is for latin format.
this.today = new Date(dateinp[2],dateinp[1]-1,dateinp[0],0,0,0);
Here you must to change the order.
October 25th, 2007 at 7:41 pm
hey man, thanks alot, this script came in REALLY handy, I’ve translated the vars to be english, changed date format US standard dates, and tweeked the layout a bit… If you’d like me to zip and send I can…
thanks again! you rule!
October 26th, 2007 at 1:57 am
Great work! thanks!
November 5th, 2007 at 10:12 pm
This is great work, thank you !
I found a small bug to do with the display of the prior months days (always one extra day than really is there eg: 32 days for January showing in February) with an easy fix. At line 146:
counter = counter - rest;
should become:
counter = counter - rest - 1;
Then all is well
November 11th, 2007 at 3:56 am
O.o al fin encontré un calendario que me sirve que hace lo justo y necesario y con un código claro !!!!! super gracias compadre!!! Adios!
February 12th, 2008 at 12:28 am
Hi, I just found a little bit bug in calendar. If I select date (1.2.2008) I see correct days for february, but if I click to next and then see days in march - i see 31 days for previous month (february).
April 5th, 2008 at 1:00 pm
Hi, absolutely love your calendar, however, when I wanted to use it I found a little bug. For some reason it doesn\’t display months with 31 days in it properly. This also impacted on showing the dates correctly for the next month (off by 1 day).
If you change line 199: for (var i = 1; i
April 5th, 2008 at 1:02 pm
Uhmm doesn’t seem to have fully posted my previous post due to the code in it.
In short: on line 199 change the 30 to 31 and everything works perfectly.
Thanks again for making this calendar it’s absolutely terrific!
May 17th, 2008 at 4:13 pm
Hm, good work. But there’s a problem with may 2008. There are just 30 days.
And if you choose a date in 2009 there is just a javascript alert.
May 22nd, 2008 at 11:43 am
Every month with 31 days has only 30, as mentioned by hasenumberone. I had to change constant on line 200 from 30 to 31.
There is also problem with previous months: always counting to 31.
Othewise, really sweet looking tool and easy to use. Thanks a lot.
May 31st, 2008 at 2:50 pm
Free 50 Zip Mp3 Ringtones Download…
As a result, TrackBack spam filters similar to those implemented against comment spam now exist in many weblog publishing systems.)…
June 9th, 2008 at 7:55 pm
¿Cómo se podría hacer para añadir un evento tipo onclick=”Loquesea()” cuando el usuario hace click en la fecha??
Seria de mucha ayuda
Is it possible to add a onclick event when the user clicks the date??
July 1st, 2008 at 3:52 am
The calendar will refresh twice when it display in IE6 & IE7. any idea how to solve?