31 Mar
Posted by Ray Cheung as Calendar, GPL License
jsDatePick is a javascript date picker that uses DOM techniques to generate its HTML code. Read the parameters and working examples below, and within minutes, you can have a popup date picking solution on your website.
The user launches the calendar by entering the input field, and then chooses a date, automatically returning the selected date to the field. jsDatePick has a range of parameters for extending or limiting default functionality.
Requirements: -
Demo: http://javascriptcalendar.org/javascript-date-picker.php
License: GPL License





37k seems pretty bloated for something so small?
It isn’t very pretty is it?
Good find. It would be nice if it had a list of compatible browsers (aka IE6).
Arold, datepickers take a lot of code in order to make them flexible. Even jQuery UI’s datepicker comes in at 45KB, and thats not even with the required core js or stylesheet. Personally, I think the developer of this calendar did a good job.
“K”, looks better than almost any other datepicker out there that you can download. It looks simple, yet clean and efficient to me.
Hi Guys,
I run the site, and my partner Itamar wrote the calendar. Thanks for posting about it and thanks for the comments so far.
Re size: It is quite optimized and relatively small compared to similar calendars.
Re look: We like the look and purposely went in this direction precisely because we thought many existing date pickers were a bit ugly by default.
Re compatibility: I’ll work on it and get it on the site ASAP. We’ll be releasing an update some with jQuery support and some cool features.
Thanks.
Thanks for posting about it and thanks for the comments so far
Excellent calendar component !
Just have a question : how to select date from the current day to the futur only ?
Done !
To limit date from futur just add this code on jsDatePick.full.1.3.js
(line 220) add
this.oConfiguration.limitToFutur = (aConf["limitToFutur"] != null) ? aConf["limitToFutur"] : false;
(line 676) add
if (this.oConfiguration.limitToFutur){
if ( this.isAvailable(this.currentYear, this.currentMonth, parseInt(oDay.getDate()+1)) ){
disabledDayFlag = true;
aDayDiv.setAttribute(”isJsDatePickDisabled”,1);
}
}
RSS feed for comments on this post · TrackBack URI