2013-06-23 37 views
0

我正在使用DevExpress开发我的网站...现在我使用带有jQuery的Aspxtextbox来显示datepicker。我不使用AspxDateEdit因为我不能申请我的CSS ...这里是我的代码:文本框不显示datepicker与JavaScript?

的Javascript

$(function() { 
$("#<%= txtDate.ClientID %>").datepicker(
{ dateFormat: 'dd/mm/yy', minDate: 0 }) 
}); 

ASPX

<dx:ASPxTextBox Native="true" CssClass="span3" runat="server" ID="txtDate"> 
    <ValidationSettings ErrorDisplayMode="Text" ErrorFrameStyle-ForeColor="Red" Display="Dynamic" ErrorTextPosition="Bottom" SetFocusOnError="true"> 
     <RequiredField IsRequired="True" ErrorText="The value is required" /> 
    </ValidationSettings> 
</dx:ASPxTextBox> 

当我查看源代码代码,输入id = ContentPlaceHolder1_ctl00_txtDate ..我的代码有什么问题?

+0

你有jQuery UI的CSS在您的标记参考? –

+0

@Karl是的,我做了,但没有改变......但在演示页面中,我的代码仍然运行良好 –

+0

因此,如果没有DevExpress,它可以正常工作,但是使用它,那么它不起作用? –

回答

1

对于datepicker的工作,你需要引用jQuery和THEN(注意顺序) - > jQuery UI。

因此,这将是这样的:

<script src="~/Scripts/jquery.js"></script> 
<script src="~/Scripts/jquery-ui.js"></script> 
<script src="~/Scripts/yourapp.js"></script> 

我希望这有助于。

编辑

另外,如果不知道该文本框ID实际上是修剪,所以尽量把空格去掉:

$("#<%=txtDate.ClientID %>") 
+0

我已经包括jQuery UI和jQuery,但它不起作用 –

+0

@ user2494232检查我的编辑,也请确保jquery引用是在正确的订购。 –

+0

非常感谢你......我的代码现在运行良好......但是我不明白空格会影响我的代码吗? –