獲取JQuery DateTimePicker加載項以與asp.net文本框一起使用

Question

我一直在嘗試使JQuery DateTimePicker加載項與asp.net文本框一起使用超過一周。 我根本無法理解，也不知道為什么。

您能幫我解決這個問題嗎？

ASP.NET代碼：

<asp:Content ID="Content2" ContentPlaceHolderID="bodyContent" Runat="Server">
<style type="text/css">
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
</style>

<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<script type="text/javascript">
    $(function () {
        $("#start_DateTime").datetimepicker();
        $("#end_DateTime").datetimepicker();
    });
</script> 

<label for="start_DateTime">
                            Start Date & Time</label>
                        <asp:TextBox ID="start_DateTime" CssClass="textarea" runat="server"></asp:TextBox> </asp:Content>

此文本框中未顯示任何內容。 另外，在Internet Explorer中瀏覽頁面之前，我收到以下錯誤消息，但我不知道為什么：

更新：

我修改了代碼以包含

$('#' + '<%= start_DateTime.ClientID %>').datetimepicker();

代替

$("#start_DateTime").datetimepicker();

而且我仍然遇到相同的錯誤。 當我在IE中運行Jscript調試器時，它將顯示以下內容：

更新＃2：

終於我明白了，但我不知道為什么它出現在文本框的頂部。 它應該顯示在其下方和右側。

Answer 1

在jquery ui 之后加載timepicker附加組件。 datetimepicker附加組件與jquery ui具有依賴關系。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

嘗試：

$('#' + '<%= start_DateTime.ClientID %>').datetimepicker();

如果您不考慮asp.net生成的ID，則可以通過一個類來實現。

<asp:TextBox ID="start_DateTime" CssClass="textarea datepicker" runat="server"></asp:TextBox>


$(function(){
   $(".datepicker").datetimepicker();
});

Answer 2

ASP.NET在運行時會動態重命名ID屬性，因此，如果在瀏覽器中查看HTML源，則會看到“ start_DateTime”只是呈現的ID標記的一小部分。

您可以花一些力氣來獲取呈現的ID，但是您是否考慮過使用以下為在ASP.NET中使用JQueryUI而構建的庫？

http://juiceui.com