jQuery DatePicker不工作

我試圖從http://jqueryui.com/demos/datepicker/#default實現jQuery datepicker。jQuery DatePicker不工作

本網站提供了我可以包含的各種JS和CSS文件。不過，我已經包含了下面的標準jQuery文件。任何人都可以告訴我除了這些標準文件之外還需要包含什麼？

<link href="/css/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<link href="/css/jquerySliderOverride.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="/javascript/jquery/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="/javascript/jquery/jquery-ui-1.8.7.custom.min.js"></script>

就這樣，沒有日曆顯示。這裏是我的標記：

<script type="text/javascript"> 
    $(function() { 
     $("#<%= DateTextBox.ClientID %>datepicker").datepicker(); 
    }); 
</script>

而且......

<div class="demo"><asp:textbox runat="server" id="DateTextBox" /></div>

來源

2011-07-18 Jonathan Wood

我不認爲你的ID會在你的jQuery選擇器中正確。我認爲它應該只是'$（「＃<％= DateTextBox.ClientID％>」）。datepicker（）;' –

你是否定製了jQuery UI？您可以省略日期選擇器，可能發生了這種情況。嘗試鏈接到完整的jquery ui js，看看它是否工作。 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js –

@jen：看起來這只是一個錯字，但格式仍然不太正確。正如我試圖解釋的，我不想下載任何可能已經包含在標準文件中的自定義內容。該網站似乎沒有太多有關避免重複內容的信息。 –

我不認爲你的ID將是正確的在你的jQuery選擇。它應該只是

$(function() {  
    $("#<%= DateTextBox.ClientID %>").datepicker(); 
});

在您已鏈接到的例子，他們所使用的ID datepicker，但你不必:)（該日期選擇器插件添加hasDatepicker CSS類）。

來源

2011-07-18 22:33:04

D'oh。不能相信我錯過了！是的，我現在得到日曆，但看起來我需要調整樣式。 –

你應該這樣做，而不是：

<script> 
$(function() { 
    $("#<%= DateTextBox.ClientID %>").datepicker(); 
}); 
</script>

來源

2011-07-18 22:31:27

jQuery DatePicker不工作

回答

相關問題