У меня была та же проблема: средство выбора даты было успешно добавлено (и его можно было даже найти в FireBug), но не было видно. Если вы используете FireBug для удаления класса «ui-helper-hidden-available» из элемента выбора даты (идентификатор: «ui-datepicker-div»), то элемент выбора даты станет видимым и будет работать как обычно.
Если вы добавите следующее в самом конце своей функции $ (document) .ready (), она будет применяться к каждому средству выбора даты на вашей странице и заставит их все работать:
$(document).ready(function() {
//...
//Put all of you other page setup code here
//...
//after setting everything up (including adding all Date Pickers)
//apply this code to every Date Picker
$('#ui-datepicker-div').removeClass('ui-helper-hidden-accessible');
});
Это было мое первоначальное решение. После этого я попробовал решение, предложенное выше Брайаном Мортенсоном, и оно оба работало отлично, и казалось менее инвазивным, чем удаление целого класса из элемента. Поэтому я изменил свой код, чтобы применить его решение к методу, который я использовал (применить в конце настройки документа, чтобы он применялся ко всем средствам выбора даты и не требовал повторения):
$(document).ready(function() {
//...
//Put all of you other page setup code here
//...
//after setting everything up (including adding all Date Pickers)
//apply this code to every Date Picker
$('#ui-datepicker-div').css('clip', 'auto');
});
Надеюсь, это поможет кого-то расклеить.
РЕДАКТИРОВАТЬ: Исправлена ошибка синтаксиса кода.