2013-06-23 36 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

非常感謝你......我的代碼現在運行良好......但是我不明白空格會影響我的代碼嗎? –