Comments on: Put the Clear Button Back in Datepicker http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/ headcheese and mukluks Fri, 03 Feb 2012 05:02:15 +0000 hourly 1 By: Dylan http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-84 Dylan Fri, 03 Feb 2012 05:02:15 +0000 http://blog.unthunk.com/?p=42#comment-84 Thanks Sayed, that worked well. Only change was to only use event.which == 8 for the delete key since backspace caused IE8 to navigate back (making it pointless.) Cheers. Thanks Sayed, that worked well.
Only change was to only use event.which == 8 for the delete key since backspace caused IE8 to navigate back (making it pointless.)
Cheers.

]]> By: Sayed http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-57 Sayed Sun, 13 Feb 2011 15:40:23 +0000 http://blog.unthunk.com/?p=42#comment-57 I solved the issue of clearing read-only date fields by adding a keydown trigger(keypress doesn't work with delete and backspace keys): $("#datefld").keydown(function(event) { //if "backspace" or "delete" key pressed... if (event.which == 8 || event.which == 46) { $(this).val(""); } } ); I solved the issue of clearing read-only date fields by adding a keydown trigger(keypress doesn’t work with delete and backspace keys):

$(“#datefld”).keydown(function(event)
{
//if “backspace” or “delete” key pressed…
if (event.which == 8 || event.which == 46)
{
$(this).val(“”);
}
}
);

]]> By: Adam http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-55 Adam Thu, 27 Jan 2011 15:46:47 +0000 http://blog.unthunk.com/?p=42#comment-55 I agree wholeheartedly with the above! The clear button is an absolute must. The so called work around that has been suggested by Scott (http://bugs.jqueryui.com/ticket/3999#comment:10) is a fail, because the button disappears after you navigate between months. It should be easily possible to add this button back to the datepicker, but simply display it only when a certain configuration flag is set to true. Are the folks at jQuery really that ignorant? I find that hard to believe given what they are capable of making. I agree wholeheartedly with the above! The clear button is an absolute must.

The so called work around that has been suggested by Scott (http://bugs.jqueryui.com/ticket/3999#comment:10) is a fail, because the button disappears after you navigate between months.

It should be easily possible to add this button back to the datepicker, but simply display it only when a certain configuration flag is set to true.

Are the folks at jQuery really that ignorant? I find that hard to believe given what they are capable of making.

]]> By: Gary http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-41 Gary Mon, 13 Dec 2010 18:02:26 +0000 http://blog.unthunk.com/?p=42#comment-41 Well, 1.8.7 is out and apparently they did not add the Clear button back in, or I cant find the functionality.... Well, 1.8.7 is out and apparently they did not add the Clear button back in, or I cant find the functionality….

]]> By: JM http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-38 JM Mon, 07 Jun 2010 12:36:22 +0000 http://blog.unthunk.com/?p=42#comment-38 I would also like a clear button, preferably configurable to appear or not. Concerning the client/server side validation of the date: My approach has always been, and will always be, that while client-side validation is convenient for the user, you should always validate server-side too, and be prepared to handle any errors generated there. Never rely exclusively on client-side scripts for data validation. I would also like a clear button, preferably configurable to appear or not.

Concerning the client/server side validation of the date: My approach has always been, and will always be, that while client-side validation is convenient for the user, you should always validate server-side too, and be prepared to handle any errors generated there. Never rely exclusively on client-side scripts for data validation.

]]> By: Hubert http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-27 Hubert Mon, 15 Mar 2010 14:12:40 +0000 http://blog.unthunk.com/?p=42#comment-27 Great blog. Same here. Please bring back the clear button! Any workarounds? Thanks. Great blog.

Same here. Please bring back the clear button! Any workarounds? Thanks.

]]> By: Ryan http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-26 Ryan Tue, 23 Feb 2010 21:05:03 +0000 http://blog.unthunk.com/?p=42#comment-26 Does anyone have some example code showing how to add a clear button? I think its a little ridiculous that the jQuery UI people don't think its necessary. Its a common use case I've seen many many times: The server requires dates in a specific format. So the field is set to read only, forcing the user to use the date picker. But once they select a date they can't clear it! I am having issues now in several areas of our site because user's can't clear the date. We have many search forms that use dates, sometimes they put in a date but later want to pull it out after doing several searches. Right now they have to refresh the whole page, loosing all their other search criteria. Does anyone have some example code showing how to add a clear button?

I think its a little ridiculous that the jQuery UI people don’t think its necessary.

Its a common use case I’ve seen many many times: The server requires dates in a specific format. So the field is set to read only, forcing the user to use the date picker. But once they select a date they can’t clear it! I am having issues now in several areas of our site because user’s can’t clear the date. We have many search forms that use dates, sometimes they put in a date but later want to pull it out after doing several searches. Right now they have to refresh the whole page, loosing all their other search criteria.

]]> By: charliefortune http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-20 charliefortune Thu, 01 Oct 2009 12:02:01 +0000 http://blog.unthunk.com/?p=42#comment-20 Hi - I am also using a readonly field as a form of frontline validation. Only allowing the datePicker to fill the field enforces the format and the validity of the dates. I too would like the clear button, guess I will be adding my own.. Hi – I am also using a readonly field as a form of frontline validation. Only allowing the datePicker to fill the field enforces the format and the validity of the dates. I too would like the clear button, guess I will be adding my own..

]]> By: Ole Jørgensen http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-14 Ole Jørgensen Tue, 14 Apr 2009 13:28:23 +0000 http://blog.unthunk.com/?p=42#comment-14 Hi I use an altField and altFormat on a hidden field. The altFormat is simple 'dd/mm/yy' - independent of i18n. The visible format has written month name: 'dd M yy'. I use the altField on server side. Problem is that when user clear the visible field, the alt field still has the old value. So the altField can not be cleared. Hi
I use an altField and altFormat on a hidden field. The altFormat is simple ‘dd/mm/yy’ – independent of i18n. The visible format has written month name: ‘dd M yy’. I use the altField on server side.
Problem is that when user clear the visible field, the alt field still has the old value. So the altField can not be cleared.

]]> By: Joe http://blog.unthunk.com/2009/02/09/put-the-clear-button-back-in-datepicker/comment-page-1/#comment-12 Joe Thu, 26 Mar 2009 17:01:38 +0000 http://blog.unthunk.com/?p=42#comment-12 Hi lucas. I didn't see you followup over at the wiki http://wiki.jqueryui.com/DatePickerCalendar I'm posting here because I rather not create an account to login over there. Kindly add my comments if you add a wiki comment. I'm here today because I'm looking for a date picker with a clear button and found your site. Currently I have pages with a separate button/icon to clear the date. It looks fine on those pages, but now I will have to make the icons smaller for pages where the icon should be the size of the date text. It could be a non-issue if the date picker allowed the user to REMOVE a date picked in error while maintaining validated entries for correct dates. Allowing the user to click into the field to clear the text is a fine thought, but it also allows them to input dates in a format I do not want; or totally invalid dates unless I add client-side validation. I use read-only text fields so that the user can't enter an invalid date. If you go to http://jqueryui.com/demos/datepicker/ you can enter an invalid "date" like 444/44/444444 and tab out of the field. Read-only saves client-side date validation. (Actually on some pages, I don't even display a text field. It looks like normal text; then you double-click on it; then a calendar appears then a date is selected (I wish it could also be cleared); when the calendar closes, the text looks like inline normal ([read-only] date) text again. My workaround seems to be that I will have to provide smaller icons. Their goal seems to be visual clarity (which I think is better placed in the large popup calendar than inline with a small or oversized icon). I'll just be helping the Optometrists. Hi lucas. I didn’t see you followup over at the wiki http://wiki.jqueryui.com/DatePickerCalendar

I’m posting here because I rather not create an account to login over there. Kindly add my comments if you add a wiki comment.

I’m here today because I’m looking for a date picker with a clear button and found your site. Currently I have pages with a separate button/icon to clear the date. It looks fine on those pages, but now I will have to make the icons smaller for pages where the icon should be the size of the date text. It could be a non-issue if the date picker allowed the user to REMOVE a date picked in error while maintaining validated entries for correct dates.

Allowing the user to click into the field to clear the text is a fine thought, but it also allows them to input dates in a format I do not want; or totally invalid dates unless I add client-side validation.

I use read-only text fields so that the user can’t enter an invalid date. If you go to http://jqueryui.com/demos/datepicker/ you can enter an invalid “date” like 444/44/444444 and tab out of the field. Read-only saves client-side date validation. (Actually on some pages, I don’t even display a text field. It looks like normal text; then you double-click on it; then a calendar appears then a date is selected (I wish it could also be cleared); when the calendar closes, the text looks like inline normal ([read-only] date) text again.

My workaround seems to be that I will have to provide smaller icons. Their goal seems to be visual clarity (which I think is better placed in the large popup calendar than inline with a small or oversized icon). I’ll just be helping the Optometrists.

]]>