JQuery UI DatePicker не работает в IE7

Question

Наконец-то у меня есть средство выбора даты для работы на моем демонстрационном сайте MVC. Одна вещь, хотя это не работает при просмотре с IE7, я еще не тестировал с IE6. Кто-нибудь знает, как решить эту проблему, или я не могу использовать jQuery, если я хочу, чтобы пользователи IE могли выбирать даты?

Он работает как шарм в Safari и Firefox, за исключением его положения при опускании вниз.

Пожалуйста, попробуйте на моем демо-сайте: Демо-сайт

Нажмите на ссылку «Бока платс» в меню. затем войдите с помощью: электронная почта: test@test.nu пароль: тестер

Answer 1

Если я не ошибаюсь, в вашем списке параметров есть запятая. IE будет задыхаться от запятых в JS.

Попробуйте это:

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

Answer 2

Это вообще полезно?

РЕДАКТИРОВАТЬ: Да, я думаю, вам нужно обернуть ваш DatePicker () в $ (документ) .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>