jQuery 日期选择器不工作

Question

我正在尝试从 http://jqueryui.com/demos/datepicker/#default 实现 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>

Answer 1

我不认为你的 jQuery 选择器中的 ID 是正确的。它应该只是

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

在您链接到的示例中，他们使用 id datepicker 但您不必:)（datepicker 插件添加了 hasDatepicker CSS 类）。

Answer 2

你应该这样做：

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