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不工作

回答

相关问题