javascript calendar recommendations
Hi,
It's been so very long since I've worked in javascript, and I need some help finding a drop in calendar component. I'd like something that has these features:
1) Ability to put it in select day mode.
2) Ability to put it into "select whole week" mode, so if I click on a Tuesday, it highlights Sunday-Saturday of that week.
3) Be smart about the start and end of a month. Not only should it display the last days of the previous month and the first days of the next, it should do so in a different style and make them clickable. Also, if I click on Tuesday the 1st, it should highlight/select Sunday and Monday from the previous month.
4) Able to navigate forward and back as well as select a month and/or year from a dropdown.
5) Highlight day or week as appropriate when hovering over them, depending on mode
6) Highlight today and have a link to it.
I've found various datepickers, but they either don't do all of that or if they do the documentation is not forthcoming. The datepicker from jquery doesn't have the select week mode and didn't seem to be intelligent about grabbing the next/previous month to fill the week. Same with plain old datepick from Keith Wood. If either of these two can do this, I'd appreciate some examples 'cause I am just not getting it.
I guess it wouldn't have to be javascript. I could create the html for the calendar serverside and then update it with ajax calls, but that really seems overkill.
Any ideas?
Thanks!
Bob
- Login to post comments

Comments
javascript calendar recommendations
jQuery UI has a pretty awesome date picker, as well as being an awesome framework for javascript in general. I highly recommend it.
--
Nathan DeGruchy
Webmaster
Florida Coastal School of Law
8787 Baypine Road
Jacksonville, FL 32256
p. (904) 680-7735
f. (904) 680-7616
On Oct 28, 2009, at 2:00 PM, Ramsey, Robert L wrote:
Hi,
It’s been so very long since I’ve worked in javascript, and I need some help finding a drop in calendar component. I’d like something that has these features:
1) Ability to put it in select day mode.
2) Ability to put it into “select whole week” mode, so if I click on a Tuesday, it highlights Sunday-Saturday of that week.
3) Be smart about the start and end of a month. Not only should it display the last days of the previous month and the first days of the next, it should do so in a different style and make them clickable. Also, if I click on Tuesday the 1st, it should highlight/select Sunday and Monday from the previous month.
4) Able to navigate forward and back as well as select a month and/or year from a dropdown.
5) Highlight day or week as appropriate when hovering over them, depending on mode
6) Highlight today and have a link to it.
I’ve found various datepickers, but they either don’t do all of that or if they do the documentation is not forthcoming. The datepicker from jquery doesn’t have the select week mode and didn’t seem to be intelligent about grabbing the next/previous month to fill the week. Same with plain old datepick from Keith Wood. If either of these two can do this, I’d appreciate some examples ‘cause I am just not getting it.
I guess it wouldn’t have to be javascript. I could create the html for the calendar serverside and then update it with ajax calls, but that really seems overkill.
Any ideas?
Thanks!
Bob
javascript calendar recommendations
I neglected to read the part about where you already tried jQueryUI. My apologies.
--
Nathan DeGruchy
Webmaster
Florida Coastal School of Law
8787 Baypine Road
Jacksonville, FL 32256
p. (904) 680-7735
f. (904) 680-7616
On Oct 28, 2009, at 2:30 PM, Nathan DeGruchy wrote:
jQuery UI has a pretty awesome date picker, as well as being an awesome framework for javascript in general. I highly recommend it.
--
Nathan DeGruchy
Webmaster
Florida Coastal School of Law
8787 Baypine Road
Jacksonville, FL 32256
p. (904) 680-7735
f. (904) 680-7616
On Oct 28, 2009, at 2:00 PM, Ramsey, Robert L wrote:
Hi,
It’s been so very long since I’ve worked in javascript, and I need some help finding a drop in calendar component. I’d like something that has these features:
1) Ability to put it in select day mode.
2) Ability to put it into “select whole week” mode, so if I click on a Tuesday, it highlights Sunday-Saturday of that week.
3) Be smart about the start and end of a month. Not only should it display the last days of the previous month and the first days of the next, it should do so in a different style and make them clickable. Also, if I click on Tuesday the 1st, it should highlight/select Sunday and Monday from the previous month.
4) Able to navigate forward and back as well as select a month and/or year from a dropdown.
5) Highlight day or week as appropriate when hovering over them, depending on mode
6) Highlight today and have a link to it.
I’ve found various datepickers, but they either don’t do all of that or if they do the documentation is not forthcoming. The datepicker from jquery doesn’t have the select week mode and didn’t seem to be intelligent about grabbing the next/previous month to fill the week. Same with plain old datepick from Keith Wood. If either of these two can do this, I’d appreciate some examples ‘cause I am just not getting it.
I guess it wouldn’t have to be javascript. I could create the html for the calendar serverside and then update it with ajax calls, but that really seems overkill.
Any ideas?
Thanks!
Bob
RE: javascript calendar recommendations
Thanks though. I really like the jqueryui calendar, but getting it to style individual days in a variety of ways is a pita if even possible.
I found the Yahoo javascript libraries to have a better calendar component, but I think jquery has the better/simpler ajax functions for what I am doing. So I'm mixing and matching tools.
Thanks,
Bob
From: teknoids-bounces@ruckus.law.cornell.edu [mailto:teknoids-bounces@ruckus.law.cornell.edu] On Behalf Of Nathan DeGruchy
Sent: Wednesday, October 28, 2009 1:34 PM
To: Teknoids
Subject: Re: [teknoids] javascript calendar recommendations
I neglected to read the part about where you already tried jQueryUI. My apologies.
--
Nathan DeGruchy
Webmaster
Florida Coastal School of Law
8787 Baypine Road
Jacksonville, FL 32256
p. (904) 680-7735
f. (904) 680-7616
On Oct 28, 2009, at 2:30 PM, Nathan DeGruchy wrote:
jQuery UI has a pretty awesome date picker, as well as being an awesome framework for javascript in general. I highly recommend it.
--
Nathan DeGruchy
Webmaster
Florida Coastal School of Law
8787 Baypine Road
Jacksonville, FL 32256
p. (904) 680-7735
f. (904) 680-7616
On Oct 28, 2009, at 2:00 PM, Ramsey, Robert L wrote:
Hi,
It's been so very long since I've worked in javascript, and I need some help finding a drop in calendar component. I'd like something that has these features:
1) Ability to put it in select day mode.
2) Ability to put it into "select whole week" mode, so if I click on a Tuesday, it highlights Sunday-Saturday of that week.
3) Be smart about the start and end of a month. Not only should it display the last days of the previous month and the first days of the next, it should do so in a different style and make them clickable. Also, if I click on Tuesday the 1st, it should highlight/select Sunday and Monday from the previous month.
4) Able to navigate forward and back as well as select a month and/or year from a dropdown.
5) Highlight day or week as appropriate when hovering over them, depending on mode
6) Highlight today and have a link to it.
I've found various datepickers, but they either don't do all of that or if they do the documentation is not forthcoming. The datepicker from jquery doesn't have the select week mode and didn't seem to be intelligent about grabbing the next/previous month to fill the week. Same with plain old datepick from Keith Wood. If either of these two can do this, I'd appreciate some examples 'cause I am just not getting it.
I guess it wouldn't have to be javascript. I could create the html for the calendar serverside and then update it with ajax calls, but that really seems overkill.
Any ideas?
Thanks!
Bob