隱藏 jQuery UI Datepicker所用的 DIV

在 ASP.NET網頁下，改用 jQuery UI Datepicker 1.6rc6來顯示月曆，讓使用者選擇日子。jQuery UI Datepicker使用上很簡單，但網頁第一次顯示在畫面上，都會有一長方形的 DIV區塊(顏色是白色，當背景顏色不是白色時會看到)，只要月曆有顯示過後，該 DIV區塊會不見。

查詢網路文章，沒有看到有人詢問這一問題，於是只好去看 ui.datepicker.js 原始碼，發現只要將

    this.dpDiv = $('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>');

加入 "style="display:none"，如下：

    this.dpDiv = $('<div id="' + this._mainDivId + '" style="display:none" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>');

就可以達到隱藏該 DIV區塊的目的。