2011-05-10 84 views
0

我到处都找过解决这个问题,我收到的所有建议都没有奏效工作。这是我在导入什么:Jquery的日期选择器不ASP.NET

<link href="css/jquery-ui-1.8.12.custom.css" rel="stylesheet" type="text/css" /> 
<script src="js/jquery-1.5.1.js" type="text/javascript"></script> 
<script src="js/jquery.ui.widget.min.js" type="text/javascript"></script> 
<script src="js/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script> 
<script src="js/jquery.ui.datepicker.min.js" type="text/javascript"></script> 

这是jQuery和文本框

<script type="text/javascript"> 
    $(function() { 
     $('#EarliestArrivalTB').datepicker(); 
    }); 
</script> 
<asp:TextBox ID="EarliestArrivalTB" runat="server"></asp:TextBox> 

我得到它的工作在我的本地,但是当我把它交给Web服务器,它不工作。我在这里做错了什么?

+0

我已经这样做了迄今 <脚本类型= “文本/ JavaScript的”> $(函数(){ $( '#<%= EarliestArrivalTB.ClientID%>')日期选择器();} ) ; 这也没有工作。迄今为止,我感谢你们的帮助。但我已经尝试过了。 – Eric 2011-05-10 19:17:04

+0

你的脚本文件下载是否正确? – 2011-05-10 19:28:06

+0

我相信如此。我让他们直接从Jquery网站下载。这些文件在我的本地机器上工作,但不在服务器上,所以我假设他们没问题。 – Eric 2011-05-10 19:43:13

回答

0

尝试

<script type="text/javascript"> 
    $(function() { 
     $('#<%=EarliestArrivalTB.ClientID %>').datepicker(); 
    }); 
</script> 
+0

Eric 2011-05-10 19:02:55

+0

也尝试了编辑的版本,并拉动了正确的ID,但jQuery是仍然没有工作。 – Eric 2011-05-10 19:59:08

+0

看看你能不能从您的网络服务器做 'HTTP下载脚本:// mysite的/ JS/jQuery的1.5.1.js' – 2011-05-10 20:01:07

2

我做的最喜欢的方式,

<script type="text/javascript"> 
    $(function() { 
     $('.DatePicker').datepicker(); 
    }); 
</script> 
<asp:TextBox ID="EarliestArrivalTB" runat="server" CssClass="DatePicker"></asp:TextBox> 

这意味着实施任何领域的datapicker没有更复杂的,添加一个datepicker类。

编辑:我想我应该告诉你为什么它不工作。您在服务器控件上指定的Id是您用于在服务器端代码中引用的Id。一旦它因为命名容器而被放置在页面上,并且它的客户端ID将会不同以确保没有命名冲突,因此存在ClientID属性,因此您可以发现该客户端ID实际是什么。

+0

我之前试过类的东西没有成功。我再次尝试失败。我理解这个问题,我甚至使用了来自网页的呈现的ID,但仍然无法正常工作。感谢您的输入,虽然 – Eric 2011-05-10 19:01:16

+0

这是所有浏览器?你还使用了其他什么库?你看过javascript控制台检查错误吗? – Hawxby 2011-05-10 19:29:58

+0

所有浏览器,我不使用此页面上的任何其他库。唯一的错误即时得到是“对象犯规支持此属性或方法”,并点到线295这是这一行:$(函数(){ – Eric 2011-05-10 19:42:01

3

的问题是你引用一个服务器端的ID。你需要生成的asp.net控制客户方ID为它工作:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#<%=EarliestArrivalTB.ClientID %>').datepicker(); 
    }); 
</script> 

#EarliestArrivalTB作为客户端上的选择不存在,因为它是客户方表示会非常不同。