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的日期選擇器，對話框 - 滾動到日期的位置挑

回答

相關問題