datetimepicker Jquery没有在asp文本框上工作但是正在处理html控件

时间:2015-09-18 07:22:34

标签: javascript jquery asp.net twitter-bootstrap-3

我已从谷歌下载了bootstrap管理模板,以便在我的网络应用程序中使用。

现在我想在datetimepicker

上使用jquery asp:textbox

以下是应用了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的链接并删除旧链接。现在它工作正常

3 个答案:

答案 0 :(得分:2)

使用文本框上的公共类来调用日期选择器。将此脚本添加到一个公共位置,并且只在文本框中使用公共类,而不想打开日期选择器

final

答案 1 :(得分:1)

可能是文本框的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();

答案 2 :(得分:1)

使用类名:

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

或使用Control.ClientID

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

因为asp会改变每个元素的id,动态地附加一些随机数。因此,<%=txtDOB.ClientID %>会让您获得该ID。

注意的:

您提到使用datetimepicker,但您正在初始化datepicker