jQuery的日期选择器，对话框 - 滚动到日期的位置挑

问题：滚动到特定的位置在一个jQuery对话框jQuery的日期选择器，对话框 - 滚动到日期的位置挑

我有我的网站上日期选择器内嵌表示本月历。如果用户点击任何日期，我将显示来自Feed的日历活动列表。

的代码如下：

<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辅助类检索数据并显示是正确的。

现在的障碍是当用户选择datepicker内联的特定日期。我需要从对话框中的列表中滚动到选定日期上发生的事件。

我试图让div对话框中的html。当我尝试使用document.getElementByID（“＃dialog”）。innerHTML将dater与选择期间捕获的caldate进行比较时，出现未定义的错误。

任何想法让我在正确的方向将是一个很大的帮助。

谢谢。

来源

2013-03-20 jats

通过添加由事件日期生成的特殊div ID（转换日期到Linux时间戳并作为ID添加到div）解决了该问题，对于每个事件。

然后通过将所选日期转换为Linux时间戳并在javascript中使用document.getElementById(linuxtimestamp.toString()).scrollIntoView()来滚动到所选日期发生的事件。

来源

2013-03-28 04:06:28 jats

jQuery的日期选择器，对话框 - 滚动到日期的位置挑

回答

相关问题