First off, sorry I can’t get much to you for a working example. My build is currently only on my localhost and the dev server it gets pushed to is intranet only with passwords that only my office can use. Otherwise, I’d get you all a working example. I’m mostly just curious to see if this is a problem for other people.
I am having a problem with datepicker not selecting a date other than the current date, which is defaulted in the box. It works just fine in all browsers besides IE8 and IE7. These browsers will open the datepicker UI just fine and will allow you to click on a date. However, when you click the date stays the same as your current default date. The UI closes like it should.
http://www.eyecon.ro/bootstrap-datepicker/ <– I am using this for my bootstrap datepicker. I am using jQuery 1.8.2 which is the version this is using as well. I am getting a console error on all browsers for this:
Uncaught TypeError: Cannot call method ‘split’ of undefined (bootstrap-datepicker.js:379)
I have been messing around for about 45 minutes now trying different things to get it to work. Interesting part: I went on the bootstrap datepicker website I included above and viewed it in IE8. It’s broken there as well, but the error doesn’t display. I believe the error doesn’t have anything to do with this not working and just a simple “bootstrap is not compatible with legacy IE browsers” problem. I am looking for confirmation so I can let people know.
Thanks for your knowledge on this: I’ve done a ton of responsive builds and I have used the jQueryUI datepicker constantly before as well. However, this particular client requested Bootstrap and the Datepicker plugin/theme for it and I have never touched either of them. I spent the past 6 hours working on getting IE8 and IE7 looking normal and acting responsively so my head is a little empty. I appreciate your help!
Other notes: It is not an issue with emulations of IE. This is happening exactly the same in both native IE8 and IE7 as well as emulated IE8/IE7. The piece of code around the error I included above, for those interested, is:
parseDate: function (date, format) {
var parts = date.split(format.separator),
date = new Date(),
val;
ect...
If I console.log date.split(format.separator) I receive “1/16/2013” and it loops again to the next day as well. Val is an incremental number, and I feel I don’t need to explain what new Date() is.
I wound up finding out that, in general, the in-line boostrap datepicker does not work with IE8 and lower. I wound up uninstalling bootstrap datepicker and using the jQuery UI datepicker instead. Same markup and it worked fine. I know this technically does not answer my question – just adding some closure for those of you desperately searching for an answer and see’s this question.