8

I've have finally got the datepicker to work on my MVC demo site. One thing though it doesn't work when browsing with IE7, I havn't testet with IE6 yet. Does anyone know how to fix this problem or can't I use jQuery if I want IE users to be able to pick dates?

It works like a charm on Safari and Firefox, except for it's position when dropping down.

Please try for yourself on my demo site: Demo site

Click the link "Boka plats" on the menu. then login with: email: [email protected] password: tester

Improve this question
2
  • can you update your question to include your JQuery code so far? Commented Dec 23, 2008 at 21:57
  • broken in IE6 too, Expected Identifier, String or number, Line 96, Char 17. I think eagle eye steve_c has found the problem comma Commented Dec 24, 2008 at 0:13

2 Answers 2

Reset to default
25

If I'm not mistaken, you have a trailing comma in your parameter list. IE will choke on trailing commas all the time in js.

Try this:

$(function() { $("#Date").datepicker($.extend({}, $.datepicker.regional["sv"], { onSelect: function(date) { }, minDate: "0d", maxDate: new Date(2009, 3 - 1, 26), showStatus: true, showWeeks: true, highlightWeek: true, showOn: "both", numberOfMonths: 1, firstDay: 1, buttonImage:"../../Content/Images/calendar.gif", buttonImageOnly: true, showAnim: "scale", showOptions: { origin: ["top", "left"] } })); });
Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

Thanx for your eagle eyes, i fell a bit embaressed to have missed that.
No problem at all. Glad to be of help. Js errors can sometimes be so simple, but infuriating.
I know this is old but had to say it, everybody misses THAT DAMN ,! THREE F*** HOURS FOR A DAMN ,
0

Is this helpful at all?

EDIT: Yes, I think you need to wrap your DatePicker() in $(document).ready(function() EX:

<script type="text/javascript"> $(document).ready(function() { $("#Date").datepicker($.extend({}, $.datepicker.regional["sv"], { onSelect: function(date) { //alert("The chosen date is " + date); }, minDate: "0d", maxDate: new Date(2009, 3 - 1, 26), showStatus: true, showWeeks: true, highlightWeek: true, showOn: "both", numberOfMonths: 1, firstDay: 1, buttonImage:"../../Content/Images/calendar.gif", buttonImageOnly: true, showAnim: "scale", showOptions: { origin: ["top", "left"] }, })); }); </script>
Improve this answer

2 Comments

Just looking at his example with Firebug, I can see that he does attach the datepicker to the input in document.ready (he uses the shorthand $(function(){}); )
Sorry about that. I viewed the source code from IE and I could've sworn I didn't see it then. Sorry about that and good luck.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.