DatePicker does not respond to any click events in AIR, Google Sites, Windows Metro

We're going to aim for full AIR support in 1.7.

i got the exactly same problem. I attached my stripped 'index.html' of my AIR app.

Any news about this bug yet? 1.next = 1.9 or 1.8?

Thanks! :)

Same here... doesn't work in AIR yet. (Not as of 1.7) Will this be working in 1.7.1?

Most likeley related to this security restriction of the AIR sandbox:

Supports dynamically loading strings as code after the load event: eval() function, setTimeout('string', milis), javascript: URLs, attribute handlers on elements such as onclick='myClick()') that are inserted via innnerHTML, and so on.

See http://help.adobe.com/en_US/AIR/1.5/air_html_security/WS5b3ccc516d4fbf351e63e3d11c0f598320-7ffc.html

I thought 1.7 suppose to have full Air support?

Still not working in 1.7.1.

Hi

For some strange reason Adobe AIR refuses to accept dynamically created onclick="" attributes. For example div.innerHTML='<a onclick="[javascript code]"> ' would not work.

You have to dynamically add the click's back in. You have two options.

Option 1: You can change the ui.datepicker.js file by putting:

AFTER THIS CODE (around line 620):

if (inst.input && inst.input[0].type != 'hidden' && inst == $.datepicker._curInst)
			$(inst.input[0]).focus();

PUT THIS CODE

id = "#"+$(inst).attr("id");

		$(".ui-datepicker-next").click(function() {
			DP_jQuery.datepicker._adjustDate(id, +1, 'M');
		});	
		
		$(".ui-datepicker-prev").click(function() {
			DP_jQuery.datepicker._adjustDate(id, -1, 'M');
		});	
		drawMonth = inst.drawMonth;
		drawYear = inst.drawYear;
		$(".ui-datepicker-calendar").find("tr > td").each(function() {
			$(this).click(function() {
				DP_jQuery.datepicker._selectDay(id,drawMonth,drawYear, this);
			});
		});

Option Two: Adjust the above code around the onChangeMonthYear event. I'll let you figure it out.

Patch for jQuery UI 1.8: http://zetafleet.com/dev/jui/jquery.ui.datepicker.js.air-fix.patch

This patch is fully tested.

Committed to GitHub: http://github.com/csnover/jquery-ui/blob/b8d8e1e4a6e405c62ded6dd5ab4065ad10cd1225/ui/jquery.ui.datepicker.js

I am unable to verify this fix with latest rev 1.8 sources.

Built a bare-bones AIR app (using Aptana studio) with jquery-1.4.2.min.js and jquery-ui-1.8.min.js. Used the default demo code from JQuery website -

<script type="text/javascript">
	$(function() {
		$("#datepicker").datepicker();
	});
	</script>

<p>Date: <input type="text" id="datepicker"></p>

The datepicker shows up on the input box but does not allow for selection of any date from the drop-down, the prev and next buttons do not work either. Tried listening to onSelect event for this datepicker and noticed that it never gets fired. Am i missing something?

The patch was not merged back into the trunk for whatever reason, so yeah, if you use the official source you will still not be able to use datepicker.

The same underlying problem prevents datepicker from working on Google Sites' HTMLBox.

This commit enables all of the click and change events: https://github.com/metaweta/jquery-ui/commit/df77b43f08c593ed5a21323c02cc51b8ada37b02

#8239 is a duplicate of this ticket.

#8290 is a duplicate of this ticket.

Given the longstanding demand for this bug and the existence of a fix, can we get the status returned to blocker?

Datepicker: Pulled event handlers into static code. Fixed #3945 - DatePicker does not respond to any click events in AIR, Google Sites, Windows Metro.

Changeset: 6dcc5c14c824ae9d653b1bc293680f6af6baf1b4

Datepicker: Pulled event handlers into static code. Fixed #3945 - DatePicker does not respond to any click events in AIR, Google Sites, Windows Metro.

(cherry picked from commit 6dcc5c14c824ae9d653b1bc293680f6af6baf1b4)

Changeset: 831333a10aebad00b30d51cb274f463240c56814

#7826 is a duplicate of this ticket.

I didnt get the final solution How can I modify the date picker to be able to use click event. thanks