
After a stunning 55,000 downloads of vlaCalendar version 2 and two years after vlaCalendar version 1, the Vista-like Ajax Calendar is finally ready for its successor, Calender Eightysix!
Where the vlaCalendar fails, having disadvantages like making use of AJAX and PHP, Calendar Eightysix succeeds; being completely build from scratch with pure javascript, making use of some of the superb features the latest MooTools javascript framework has to offer.
Calendar Eightysix is an unobtrusive developer friendly javascript calendar and datepicker offering a better user experience for date related functionalities.
Key features:
Examples, documentation and the download are available here.
Update November 11, 2009: Version 1.0.1 released, minor bugs fixed.
kiff
Oct 14, 2009 11:23 GMT
#1
Date.defineParser is not a functionunder Moo 1.2.3 (including all dependencies)
this.target is null
var calendarA = new CalendarEightysix('calendarA', { 'pickFunction': function(date) { calendarB.options.minDate = date; calendarB.render(); } });
var calendarB = new CalendarEightysix('calendarB');
c_from.selectedDate = new Date(2003,01,01);c_from.pick();
this.target is null
new CalendarEightysix('inputElement');
'format': '%d-%m-%Y',. My input field reads dd-mm-yyyy. However when I change my day, or month or year manually, the calender is not self updating the display with it's results. But if I type the date in backwards in the input field yyyy-mm-dd it is updating the calendar display accordingly even though I have specified the date format to be %d-%m-%Y.. Any answer?
MooTools.lang.set('en-GB', 'Date', { months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], days: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'], dateOrder: ['date', 'month', 'year', '-'] }); MooTools.lang.setLanguage('en-GB');
var calendarA = new CalendarEightysix('calendarA', { 'minDate': 'today', 'pickFunction': function(date) { calendarB.options.minDate = date; calendarB.render(); } }); var calendarB = new CalendarEightysix('calendarB', { 'pickFunction': function(date) { calendarA.options.maxDate = date; calendarA.render(); } }); });
var calendarS = new CalendarEightysix(\'t_start\', { \'startMonday\':\'true\', \'defaultView\': \'year\', \'format\': \'%d/%m/%Y\' });
.......
//somewhere in onClick:
calendarS.setDate(\'06/05/2001\');