Datepicker не отображается в IE9

Клиент хочет иметь внутреннюю форму для своей компании и использует IE9. Проблема в том, что средство выбора даты не отображается в IE9. Единственное, что я получаю, это верхняя часть пользовательского интерфейса средства выбора даты (высота составляет примерно 5 пикселей).

Снимок экрана:

Фрагменты кода:

<script type="text/javascript">
    $(function() { 
    $('input.datepicker').datepicker({
    dateFormat: 'dd-mm-yy',
    changeMonth: true, 
    changeYear: true,
    showOn: 'focus',
    beforeShowDay: function(date)
    { return [(date.getDay() == 2 || date.getDay() == 4), ""]; }
    },
    $.datepicker.regional['nl']);
    });
</script>

а также

<li>
<label for="datum">Datum</label><br/>
    <input type="text" id="datum" value="" class="datepicker" name="datum" placeholder="Datum" class="required"/>
</li>

Кто-нибудь знает, почему пользовательский интерфейс datepicker не отображается?

С уважением.


person Community    schedule 05.09.2012    source источник
comment
Не могли бы вы опубликовать полный код - может быть, на jsfiddle.net? Вы включили активы jquery-ui css?   -  person Mark Sherretta    schedule 05.09.2012
comment
Вы пробовали отлаживать это в любом другом браузере??   -  person MalSu    schedule 05.09.2012
comment
jsfiddle.net/pxfunc/meUjE ваш код в jsfiddle, опубликованный вами код не имеет та же ошибка, вы можете попытаться воссоздать проблему на jsfiddle.net?   -  person MikeM    schedule 05.09.2012
comment
@MarkSherretta index.php: pastebin.com/raw.php?i=WQsnMmNG и js/control.js: pastebin.com/raw.php?i=Gb0Gzqw0   -  person    schedule 05.09.2012
comment
@mdmullinax только что опубликовал 2 источника.   -  person    schedule 05.09.2012


Ответы (1)


Включите jquery.cookie.js в свой указанный источник. Ошибка возникает в control.js.

редактировать:

Добавьте правильные зависимости:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

Удалить:

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/themes/base/jquery-ui.css"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.core.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.datepicker.js" type="text/javascript"></script>
person MalSu    schedule 05.09.2012