日期时间选择器Jquery不是处理asp文本框，而是处理html控件。

Question

我已经从谷歌下载了引导管理模板，用于我的web应用程序。

现在我想使用datetimepicker，在asp:textbox上使用jquery

下面是应用jquery的html控件

<input type="text" class="form-control" value="02-16-2012" id="dp1" />

当我单击此控件(它弹出日期时间选择器)时，此操作很好。

但是现在我想在我的textbox上使用这个

<asp:TextBox ID="txtDOB"    CssClass="form-control" runat="server"  />

但我没有从html控件中找到任何java脚本调用方法，因此我将其添加到asp控件中。我甚至将asp textbox的ID更改为dp1，但它没有工作。

解决方案：

我只提供新jquery的链接和删除旧的链接。现在一切都好了

Answer 1

使用文本框上的公共类调用日期选择器。将此脚本添加到公共位置，并且只在文本框中使用公共类，然后再打开日期选择器。

<asp:TextBox ID="txtDOB"    CssClass="form-control DatePick" runat="server"  />

<script>
$(document).ready(function() {
        _fn_date_picker();
    });

 function _fn_date_picker() {
        $(".DatePick").datepicker({ dateFormat: "dd/mm/yy", yearRange:"1900:2200", changeMonth: true, changeYear: true, showOtherMonths: true, selectOtherMonths: true, onSelect: function() { this.fireEvent && this.fireEvent('onchange') || $(this).change(); } });
    }
</script>

Answer 2

可能是文本框的ID不是txtDOB，而是ctrl00-ucDatePicker-txtDOB或其他什么，因为asp.net动态生成ID。

我觉得你应该试试上课

<asp:Textbox ID="txtDOB" CssClass="form-control date-picker" runat="server" />

然后应用类选择器而不是ID选择器txtDOB

$(".date-picker").datepicker();

或者您可以尝试使用部分ID选择器。

$("input[id*=txtDOB]").datepicker();

Answer 3

或者在类名中使用它：

$(".form-control").datetimepicker();

或者利用Control.ClientID

$("#<%=txtDOB.ClientID %>").datetimepicker();   

因为asp更改每个元素的id，将一些随机数动态附加到其中。所以，<%=txtDOB.ClientID %>会让你得到那个id。

注意到：

您提到要使用datetimepicker，但您正在初始化datepicker。