jQuery datepicker，对话框 - 滚动到选择日期的位置答案

【问题标题】：jQuery datepicker, dialog - scroll to a location of date pickedjQuery datepicker，对话框 - 滚动到选择日期的位置
【发布时间】：2013-03-10 07:37:17
【问题描述】：

问题：滚动到 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 将日期与选择期间捕获的日期进行比较时，我得到的错误是未定义的。

任何能让我找到正确方向的想法都会有很大帮助。

谢谢。

【问题讨论】：

标签： dialog scroll datepicker

【解决方案1】：

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

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

【讨论】：