datepicker doesn't work on IE 9

[GoogleCodeExporter]

any idea why the datepicker doesn't work on IE-) anymore? You can try it at the 
demo page. When you click on the date symbol the datepicker won't open.

Original issue reported on code.google.com by ingmar.b...@gmail.com on 11 Mar 2011 at 1:46

[GoogleCodeExporter]

Issue 271 has been merged into this issue.

Original comment by kelvin.l...@gmail.com on 14 Apr 2011 at 7:20

[GoogleCodeExporter]

Please have it fixed for IE 9 - calendar doesnt work for us.

Original comment by sharad.l...@gmail.com on 16 Apr 2011 at 5:40

[GoogleCodeExporter]

I don't currently have access to IE9 to debug and won't have until next week. 
What version of jQuery are you running? I know that 1.5.2 came with lots of 
fixes for IE9...

Original comment by kelvin.l...@gmail.com on 16 Apr 2011 at 11:00

[GoogleCodeExporter]

I'm running jQuery 1.5...  Your demo page has JQuery 1.5.2.

The date picker will not open in IE9 when attached using a class. ie:

$('.calendar').datePicker();

Using and ID rather than a class works for me:  

$('#calendar').datePicker() 

However an ID selector is not practical on the site I need this fixed on.

Original comment by tcdel...@gmail.com on 28 Apr 2011 at 7:18

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

My experiences...

Open the Internet Explorer 9 "F12 developer tools", and select the Console tab.

If you run it in Browser Mode: IE9 AND Document Mode: IE9 standards

Clicking on the calender icon results in:

SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) 
jquery.bgiframe.min.js, line 10 character 978

Change the Document Mode to: Document Mode: IE8 standards and it works.

Removing the following line:

<!--[if IE]><script type="text/javascript" 
src="scripts/jquery.bgiframe.min.js"></script><![endif]-->

resolves it.

Note: Trying to force IE 8 emulation via a meta tag in the header had no impact.

I had a quick look around the line 10 character 978 area, but nothing jumped 
out at me.
....

Also, this worked on IE 9 when the aspx page was launched through Visual Web 
Developer. It broke after being uploaded to my site host, running IIS 7.0. 

Something in Visual Web Developer (WPF ???) appears to have allowed it to 
function locally.
....

One final note: I like the date picker! Thanks!
....

Original comment by jshut...@gmail.com on 28 Apr 2011 at 10:01

[GoogleCodeExporter]

One final note...

I was referring to:

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerStartEnd.ht
ml

And I just confirmed that the behavior is identical on your site. Same error 
message and changing to "Document Mode: IE8 standards" fixes it.

Original comment by jshut...@gmail.com on 28 Apr 2011 at 10:09

[GoogleCodeExporter]

Thanks for helping to track down the issue. The problem was with the bgiframe 
plugin. The fix is to update to the latest version of the plugin as I did in 
r106. You can also update the conditional comment so that the bgiframe plugin 
is only loaded for versions of IE < 7 (as it is only necessary for these old 
versions of IE). I did this in r107.

Original comment by kelvin.l...@gmail.com on 1 May 2011 at 9:33

• Changed state: Fixed

[GoogleCodeExporter]

p.s. In response to comment 4, it looks like this is a bug with jQuery 1.5... 
If it works in 1.5.2 then I suggest you upgrade...

Original comment by kelvin.l...@gmail.com on 1 May 2011 at 9:34

[GoogleCodeExporter]

What exactly should I go about fixing this? I tried replacing the new 
bgiframe.js and adding "if lt IE 7" to the conditional comment. But it still 
doesn't work in IE9. Is there a new code for the original datePicker.js as well 
that I have forgotten? I can only find releases from 2008 on the download page 
and that doesn't sound very promising. :P

Original comment by cryx...@gmail.com on 26 Sep 2011 at 12:49

[GoogleCodeExporter]

Force the IE out of compatibility mode will fix this issue. 

Original comment by AuLo...@gmail.com on 14 May 2013 at 12:01

[GoogleCodeExporter]

if you are using inline frame problem occurs. if you use datepicker code 
directly in your page you won't get any problem. I tested and worked.

Original comment by meteu...@gmail.com on 9 Dec 2014 at 10:41

[GoogleCodeExporter]

jsdatepick.min does not work in internet explorer 11

Original comment by vis...@virtualheight.com on 16 Jun 2015 at 9:54