jQuery UI datepicker doesn't work in IE7

Question

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: test@test.nu password: tester

can you update your question to include your JQuery code so far? — Russ Cam, Dec 23 '08 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 — Russ Cam, Dec 24 '08 at 00:13

score 25 · Accepted Answer · edited May 07 '12 at 20:36

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"] 
            }
    }));
});

edited May 07 '12 at 20:36

Cody

8,686
18
71
126

answered Dec 23 '08 at 23:20

steve_c

6,235
4
32
42

Thanx for your eagle eyes, i fell a bit embaressed to have missed that. – Frederik Dec 25 '08 at 20:48
No problem at all. Glad to be of help. Js errors can sometimes be so simple, but infuriating. – steve_c Dec 27 '08 at 02:25
2

I know this is old but had to say it, everybody misses THAT DAMN ,! THREE F*** HOURS FOR A DAMN , – Abe Petrillo Aug 09 '11 at 15:56
Thank you so much .I also missed the samething. – Arindam Rudra Nov 28 '12 at 07:40

score 0 · Answer 2 · edited May 23 '17 at 12:34

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>

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(){}); ) — Russ Cam, Dec 23 '08 at 22:03
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. — SquidScareMe, Dec 24 '08 at 03:51

jQuery UI datepicker doesn't work in IE7

2 Answers2

Linked