[jQuery] Re: jQuery UI datepicker
Hi there, Would you mind posting this question to the jquery-ui google group if you haven't done so already? That group is dedicated to questions such as yours that are specifically related to jQuery UI. http://groups.google.com/group/jquery-ui/ Thanks! --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 19, 2009, at 6:52 AM, Thai Dang Vu wrote: Hi everybody, Is there any way to have the jQuery UI datepicker appearing as an image at first and then whenever we click on that image, the calendar will appear in a floating div (i.e. everything on the page isn't moved)? Thank you.
[jQuery] Re: jquery ui Datepicker
It's definitely possible using the onSelect event anyways, there is a dedicated group for UI here (http://groups.google.com/group/ jquery-ui?hl=en), probably the better place to ask for an example On Jun 11, 11:01 am, Peter Marino marino.pe...@gmail.com wrote: Hi jquery, i've just tried the datepicker an it's very nice.http://jqueryui.com/demos/datepicker/ I can see if I add an ID to an input tag that the input tag gets update with the date selected in the datepicker. my question is I have 3 input tags one for day, month and year. is it possible when the user selects a date in the datepicker that it will automatically update the 3 input tags? anyone? Peter -- Power Tumbling -http://www.powertumbling.dk OSG-Help -http://osghelp.com
[jQuery] Re: jQuery UI DatePicker in use by Google
I posted my reaction to the news: http://marcgrabanski.com/article/96/Google-Uses-UI-Datepicker/ Thanks for letting everyone know, Rey. On Dec 28, 3:37 pm, Rey Bango [EMAIL PROTECTED] wrote: Google continues to leverage jQuery, this time using the jQuery UI Datepicker plugin: http://code.google.com/events/add/ Congrats Marc! You must be a proud daddy! ;) Rey
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
+1 to this, particularly as the only way out of an accidental first selection is to close and re-open the datepicker. As an additional sweetener, it would be great if the unset date defaulted to today's date (i.e. if a user selects only a start date, the end date gets set to today and vice versa). Many thanks Marc and Keith for an excellent plugin. On Nov 1, 8:26 pm, MorningZ [EMAIL PROTECTED] wrote: I just have a small usuability suggestion for a future release In the Date Range implementation, make it so you could pick the either start or end date at any time... so just say a user choses Nov 20th first, then selects Nov 5th (whcih currently isn't possible as it locks out previous dates), it should be an easy check to flip-flop the dates so the first selection is the end date and the second selection is the begin Just a suggestion to a top notch date picker
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
@Micha - If you look closer at popwincal the differences, I think it's a bit more complicated than that. I agree with Graeme - the thing I like best about popwincal is the simpler/slicker header area, mainly the fact that popwincal fits the important date controls onto one, clean thin control area. Granted some changes like the colors, images for next/prev removing the calendar borders is easy via CSS like you mentioned, and a few of the the other differences like 3-letter day abbreviations can be accomplished through Datepicker config options. However Popwincal does not use select boxes for the month year dropdowns which would make styling those items a lot more flexible. Also the way the Datepicker html is coded, there's a container div wrapped around the month/year section that also includes the calendar table, which makes it nearly impossible to cleanly arrange the prev/ next controls in the same horizontal area as the month/year control, like popwincal has. Some feature requests other comments: - a few config options for the positioning behavior would be great, to control: 1) where the calendar flys out (i.e. to the side of the trigger element rather than below) 2) enable/disable the auto- reposition based on available screen area. - a config option to turn off the day-of-the-week links. Neat feature but it seems to me like a lot of users would click on a day header by accident find the reorganized calendar confusing. Thanks for the plugin, awesome job. On Nov 1, 11:08 am, Michael Stuhr [EMAIL PROTECTED] wrote: Graeme B. Davis schrieb: Is there a way to apply a style it so that it looks a bit better? Perhaps like this calendar I've been using on my sites for ~6yrs: http://www.ssw.com.au/ssw/Standards/DeveloperGeneral/Images/popupCale... f http://www.peterbe.com/plog/blogitem-20031017-1526/popwincal I like the jquery calendar, but feel it doesn't look as good as it could... no offense, but: have you even looked at the example site ? there's a tab that says Stylesheets. I guess that's (nearly) all you need. micha
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
I was just looking through the code noticed my a config option to turn off the day-of-the-week links feature request is already implemented. Nice! I missed it in the option documentation. On Nov 5, 8:59 am, wick [EMAIL PROTECTED] wrote: @Micha - If you look closer at popwincal the differences, I think it's a bit more complicated than that. I agree with Graeme - the thing I like best about popwincal is the simpler/slicker header area, mainly the fact that popwincal fits the important date controls onto one, clean thin control area. Granted some changes like the colors, images for next/prev removing the calendar borders is easy via CSS like you mentioned, and a few of the the other differences like 3-letter day abbreviations can be accomplished through Datepicker config options. However Popwincal does not use select boxes for the month year dropdowns which would make styling those items a lot more flexible. Also the way the Datepicker html is coded, there's a container div wrapped around the month/year section that also includes the calendar table, which makes it nearly impossible to cleanly arrange the prev/ next controls in the same horizontal area as the month/year control, like popwincal has. Some feature requests other comments: - a few config options for the positioning behavior would be great, to control: 1) where the calendar flys out (i.e. to the side of the trigger element rather than below) 2) enable/disable the auto- reposition based on available screen area. - a config option to turn off the day-of-the-week links. Neat feature but it seems to me like a lot of users would click on a day header by accident find the reorganized calendar confusing. Thanks for the plugin, awesome job. On Nov 1, 11:08 am, Michael Stuhr [EMAIL PROTECTED] wrote: Graeme B. Davis schrieb: Is there a way to apply a style it so that it looks a bit better? Perhaps like this calendar I've been using on my sites for ~6yrs: http://www.ssw.com.au/ssw/Standards/DeveloperGeneral/Images/popupCale... f http://www.peterbe.com/plog/blogitem-20031017-1526/popwincal I like the jquery calendar, but feel it doesn't look as good as it could... no offense, but: have you even looked at the example site ? there's a tab that says Stylesheets. I guess that's (nearly) all you need. micha
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
hi, beginners question :-) how do i set monday as first day in week (for germany) Best regards, Stefan Kilp jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) I am happy to announce that UI Datepicker version 3 has been released today. http://marcgrabanski.com/code/ui-datepicker/ Highlight New Features: Included in the official jQuery User Interface library (http:// ui.jquery.com) Date range selection Display multiple months at a time More customization options License changed to reflect jQuery Compatibility option to use existing code UI Datepicker was presented at jQuery Camp in Boston at Harvard. Here are the slides from the presentation: http://marcgrabanski.com/presentations/jQuery-Datepicker-Success.html Mods based on jQuery Calendar: West Wind created an ASP.NET control out of jQuery Calendar http://www.west-wind.com/jqueryweb/jquerycalendar.aspx PHP Framework Symfony Plugin (ddJQueryCalendar) http://trac.symfony-project.com/wiki/ddJQueryCalendar Drupal jQuery Calendar Plugin http://drupal.org/project/jquery_calendar Featured on Smashing Magazine Date Pickers http://www.smashingmagazine.com/2007/10/23/online-calendars-and-date-pickers/ Thank you all for your great feedback which has made this Datepicker so successful! Marc Grabanski Interactive Developer http://marcgrabanski.com Minnesota, US -- Stefan Kilp SK-Software, Entwicklung Beratung email: [EMAIL PROTECTED] fon : +49 6151 93344-0 fax : +49 6151 93344-20 Herta-Mansbacher-Str. 98 64289 Darmstadt, Germany. -
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
Marc, One thing I noticed is that in FF 2.0.0.8 there's a little resize jump when the datepicker opens. As the open animation is occurring, it does some kind of weird little snap back at the end of the animation. -Dan -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of 1Marc Sent: Thursday, November 01, 2007 12:35 AM To: jQuery (English) Subject: [jQuery] jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) I am happy to announce that UI Datepicker version 3 has been released today. http://marcgrabanski.com/code/ui-datepicker/ Highlight New Features: Included in the official jQuery User Interface library (http:// ui.jquery.com) Date range selection Display multiple months at a time More customization options License changed to reflect jQuery Compatibility option to use existing code UI Datepicker was presented at jQuery Camp in Boston at Harvard. Here are the slides from the presentation: http://marcgrabanski.com/presentations/jQuery-Datepicker-Success.html Mods based on jQuery Calendar: West Wind created an ASP.NET control out of jQuery Calendar http://www.west-wind.com/jqueryweb/jquerycalendar.aspx PHP Framework Symfony Plugin (ddJQueryCalendar) http://trac.symfony-project.com/wiki/ddJQueryCalendar Drupal jQuery Calendar Plugin http://drupal.org/project/jquery_calendar Featured on Smashing Magazine Date Pickers http://www.smashingmagazine.com/2007/10/23/online-calendars-and-date- pickers/ Thank you all for your great feedback which has made this Datepicker so successful! Marc Grabanski Interactive Developer http://marcgrabanski.com Minnesota, US
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
Is there a way to apply a style it so that it looks a bit better? Perhaps like this calendar I've been using on my sites for ~6yrs: http://www.ssw.com.au/ssw/Standards/DeveloperGeneral/Images/popupCalendar.gi f http://www.peterbe.com/plog/blogitem-20031017-1526/popwincal I like the jquery calendar, but feel it doesn't look as good as it could... Graeme -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Dan G. Switzer, II Sent: Thursday, November 01, 2007 9:46 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) Marc, One thing I noticed is that in FF 2.0.0.8 there's a little resize jump when the datepicker opens. As the open animation is occurring, it does some kind of weird little snap back at the end of the animation. -Dan -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of 1Marc Sent: Thursday, November 01, 2007 12:35 AM To: jQuery (English) Subject: [jQuery] jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) I am happy to announce that UI Datepicker version 3 has been released today. http://marcgrabanski.com/code/ui-datepicker/ Highlight New Features: Included in the official jQuery User Interface library (http:// ui.jquery.com) Date range selection Display multiple months at a time More customization options License changed to reflect jQuery Compatibility option to use existing code UI Datepicker was presented at jQuery Camp in Boston at Harvard. Here are the slides from the presentation: http://marcgrabanski.com/presentations/jQuery-Datepicker-Success.html Mods based on jQuery Calendar: West Wind created an ASP.NET control out of jQuery Calendar http://www.west-wind.com/jqueryweb/jquerycalendar.aspx PHP Framework Symfony Plugin (ddJQueryCalendar) http://trac.symfony-project.com/wiki/ddJQueryCalendar Drupal jQuery Calendar Plugin http://drupal.org/project/jquery_calendar Featured on Smashing Magazine Date Pickers http://www.smashingmagazine.com/2007/10/23/online-calendars-and-date- pickers/ Thank you all for your great feedback which has made this Datepicker so successful! Marc Grabanski Interactive Developer http://marcgrabanski.com Minnesota, US
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
Graeme B. Davis schrieb: Is there a way to apply a style it so that it looks a bit better? Perhaps like this calendar I've been using on my sites for ~6yrs: http://www.ssw.com.au/ssw/Standards/DeveloperGeneral/Images/popupCalendar.gi f http://www.peterbe.com/plog/blogitem-20031017-1526/popwincal I like the jquery calendar, but feel it doesn't look as good as it could... no offense, but: have you even looked at the example site ? there's a tab that says Stylesheets. I guess that's (nearly) all you need. micha
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
@Stefan: datepicker({ firstDay: 1 });
For a complete list of customization options go here and click the
options tab:
http://docs.jquery.com/UI/Datepicker/datepicker#options
@Dan: That happens when you render multiple months datepicker and
only one month in the next datepicker. Typically you would only have
one type of datepicker on the page and you wouldn't ever see the
animation snap back.
On Nov 1, 8:45 am, Dan G. Switzer, II [EMAIL PROTECTED]
wrote:
Marc,
One thing I noticed is that in FF 2.0.0.8 there's a little resize jump
when the datepicker opens. As the open animation is occurring, it does some
kind of weird little snap back at the end of the animation.
-Dan
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of 1Marc
Sent: Thursday, November 01, 2007 12:35 AM
To: jQuery (English)
Subject: [jQuery] jQuery UI Datepicker v3.0 Released! (Previously named
jQuery Calendar)
jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
I am happy to announce that UI Datepicker version 3 has been released
today.
http://marcgrabanski.com/code/ui-datepicker/
Highlight New Features:
Included in the official jQuery User Interface library (http://
ui.jquery.com)
Date range selection
Display multiple months at a time
More customization options
License changed to reflect jQuery
Compatibility option to use existing code
UI Datepicker was presented at jQuery Camp in Boston at Harvard. Here
are the slides from the presentation:
http://marcgrabanski.com/presentations/jQuery-Datepicker-Success.html
Mods based on jQuery Calendar:
West Wind created an ASP.NET control out of jQuery Calendar
http://www.west-wind.com/jqueryweb/jquerycalendar.aspx
PHP Framework Symfony Plugin (ddJQueryCalendar)
http://trac.symfony-project.com/wiki/ddJQueryCalendar
Drupal jQuery Calendar Plugin
http://drupal.org/project/jquery_calendar
Featured on Smashing Magazine Date Pickers
http://www.smashingmagazine.com/2007/10/23/online-calendars-and-date-
pickers/
Thank you all for your great feedback which has made this Datepicker
so successful!
Marc Grabanski
Interactive Developer
http://marcgrabanski.com
Minnesota, US
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
@Stefan: datepicker({ firstDay: 1 });
http://docs.jquery.com/UI/Datepicker/datepicker#options
Click the options tab here to see the 30+ customization option:
@Dan: The animation snap back occurs when you have drastically
different datepickers on the same page. Typically this wouldn't
happen because you would only use one type of datepicker on most
applications.
@Graeme: Click the stylesheet tab on the demo - the datepicker is easy
to style with CSS.
On Nov 1, 11:08 am, Michael Stuhr [EMAIL PROTECTED] wrote:
Graeme B. Davis schrieb: Is there a way to apply a style it so that it looks
a bit better? Perhaps
like this calendar I've been using on my sites for ~6yrs:
http://www.ssw.com.au/ssw/Standards/DeveloperGeneral/Images/popupCale...
f
http://www.peterbe.com/plog/blogitem-20031017-1526/popwincal
I like the jquery calendar, but feel it doesn't look as good as it could...
no offense, but:
have you even looked at the example site ?
there's a tab that says Stylesheets. I guess that's (nearly) all you need.
micha
[jQuery] RE: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
@Stefan: datepicker({ firstDay: 1 });
http://docs.jquery.com/UI/Datepicker/datepicker#options
Click the options tab here to see the 30+ customization option:
@Dan: The animation snap back occurs when you have drastically different
datepickers on the same page. Typically this wouldn't happen because you
would only use one type of datepicker on most applications.
@Graeme: Click the stylesheet tab on the demo - the datepicker is easy to
style with CSS.
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
I just have a small usuability suggestion for a future release In the Date Range implementation, make it so you could pick the either start or end date at any time... so just say a user choses Nov 20th first, then selects Nov 5th (whcih currently isn't possible as it locks out previous dates), it should be an easy check to flip-flop the dates so the first selection is the end date and the second selection is the begin Just a suggestion to a top notch date picker
