2013-03-20 3 views
0

Проблемы: прокручивать в определенное место в JQuery диалоговогоJQuery DatePicker, диалог - выделите местоположение даты выбрал

У меня есть Datepicker инлайн на моем сайте, который показывает текущий месяц календарь. Если пользователь нажимает на любую из дат, я показываю список событий календаря, поступающих из фида.

код, как показано ниже:

<div id="datepicker" style="font: 80% 'Trebuchet MS', sans-serif;"></div> 
          <script type="text/javascript"> 
           var caldate; 
           $("#datepicker").datepicker(); 
           $("#datepicker").change(function() { 
            caldate = $(this).val(); 

            $("#dialog").dialog({ 
             bgiframe: true, 
             maxHeight: 450, 
             width: 600, 
             modal: true, 
             draggable: true, 
             resizable: false, 
             position: 'center', 
             show: { effect: "fade", duration: 600 }, 
             hide: { effect: "fade", duration: 600 } 
            }); 
           }); 
          </script> 
          <div id="dialog" title="Calendar Events">DisplayFeed("Calendar Events")</div> 

DisplayFeed извлекает данные из HTML вспомогательного класса, и данные показывают правильно.

Теперь препятствие - это когда пользователь выбирает конкретную дату в строке даты. Мне нужно прокрутить до событий, происходящих в выбранную дату, из списка в диалоговом окне.

Я попытался получить html внутри диалогового окна div. Где я получаю ошибку как неопределенную, когда я пытаюсь document.getElementByID («# dialog»). InnerHTML, чтобы сравнить dater с caldate, захваченным во время выбора.

Любая идея поставить меня в правильном направлении будет очень полезной.

спасибо.

ответ

0

Решил проблему, добавив специальный идентификатор div, сгенерированный по дате события (конвертировать дату в штамп времени Linux и добавить в div как идентификатор), для каждого события.

Затем прокрутка к событию, происходящему в выбранную дату, путем преобразования выбранной даты в штамп времени Linux и использования document.getElementById(linuxtimestamp.toString()).scrollIntoView() в javascript.

Смежные вопросы