MooTools javascript calendar and datepicker Eightysix version 1.1

Apr 27, 2010 •

A new version of the calendar and datepicker Eightysix has been released!

Version 1.1 offers various neat fixes and additions:

Created a workaround for the MooTools Date parser bug with '-' as delimiter;
Added new function getDate;
Added date correction functionality, which tries to correct the date if it is outside the maximum or minimum date, a exluded weekday or exluded date.
Added arrow key navigation option;
Fixed disappearing navigation arrow bug in month view;
Changed CSS names to more unique names;
Dates are now stored instead of set on the elements;
Added event functionality;
Removed pickFunction, use events instead;
Included more advanced examples.

Examples, documentation and the download
are available here.

Add comment ↓

Comments (12)

Luglio7

Apr 28, 2010

You rock man !

HJM

Apr 29, 2010

Following bug still not fixed:

here, in Example IV,

just type a date like 02.10.2010 (day=02, month=10, year=2010), you'll see the position of month and day are converted. In date-picker it'll show as month=02, day=10, year=2010.

rcz

Apr 29, 2010

Hi HJM, this is not a bug.

The format option does not influence the parsing. You have to set the Localization for that. Read the Localization and Parsing paragraph of the manual.

raoulizz

May 3, 2010

Hi,

Very nice work ! But Calendar 86 doesn't seems to works on iexplolrer 6 (I'm on XP SP3). The calendar tab appears, but without month caption and navigation button. There are problems with alignement too. For info, with vlacalendar, there are not this problems. Perhaps because of css specifications... can you fix that ? Thanks !

rcz

May 5, 2010

Raoulizz, the IE6 CSS is fixed. It was just a tiny fix. The change is embedded in the current version.

Megalomaniac

May 5, 2010

Happen to heard of this calendar few months ago, I thought I should give it a try in my new CMS.

Conclusion: Pretty fucking awesome!

Varant

Jul 8, 2010

When I am trying to configure the script, I get the following error message:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; OfficeLiveConnector.1.5; OfficeLivePatch.1.3)
Timestamp: Thu, 8 Jul 2010 20:44:24 UTC

Message: Object doesn't support this property or method
Line: 58
Char: 5
Code: 0
URI: http://www.allfinancial.ca/Paretofiles/page1.php

I have been at this for about 4 hours now but am still at a standstill. Do you know what is causing this error message?

Evan M Meagher

Jul 16, 2010

Hi, I've been using VLA/Cal86 for a few years now as my go-to date picker.

Im interested in using the new setDate() function but it doesn't seem to do anything. Tested in FF and IE with both my cal and the example cal and nothing happens.

Watching it in Firebug, it simply returns the calendar object back to itself.

Any idea?

Evan M Meagher

Jul 16, 2010

update-

The setDate problem is at line 624 of the uncompressed code.

If you pass a date string like your example does, it will ignore the string no matter what.

calendar.setDate('1/1/2001');

For my needs, I erased this.target.get('value') and simply put value

munge83

Jul 19, 2010

Hy, in exaple Example XIII I nead to set the exact date, this example is set to 14 and it showes in every month , how to set exact date,month,year?
And dose this example hawe a function to set a range , and how to do that?
Thanks and sorry for bad Englesh.

Jack Green

Aug 27, 2010

I have a question and was wondering if someone can help me. I'm using the date picker but I want to add a javascript call to another function module when someone picks a date and the calendar disappears. I know this is done in the hide: function() of the calendar-eightsix.js file but I don't know what to write. Basically, it's an "onchange" event and it should call my Javascript called "change()". Can ANYONE help?

Leszek

Dec 21, 2010

I have the same problem like munge83, don`t know how to set a exect date to provide sth info. Can you help wit this? Thx for info.