文本框不显示带有 javascript 的日期选择器？答案

【问题标题】：Textbox not show datepicker with javascript?文本框不显示带有 javascript 的日期选择器？
【发布时间】：2013-06-23 05:04:49
【问题描述】：

我正在使用 DevExpress 开发我的网站...现在我使用带有 jquery 的 Aspxtextbox 来显示日期选择器。我不使用 AspxDateEdit，因为我无法应用我的 css...这是我的代码：

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..我的代码有什么问题？

【问题讨论】：

您的标记中是否引用了 jQuery UI CSS？
@Karl 是的，我做到了，但没有任何改变......但是在演示页面中，我的代码仍然运行良好
所以没有 DevExpress 可以正常工作，但是有了它就不行了？
@Karl 是的，伙计……但我认为这不是原因……

标签： c# asp.net webforms datepicker devexpress

【解决方案1】：

要让日期选择器正常工作，您需要同时引用 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 %>")

【讨论】：

@user2494232 检查我的编辑，还要确保 jquery 引用的顺序正确。
非常感谢...我的代码现在运行良好...但我不明白空格会影响我的代码吗？
@user2494232 不客气 :)。是的，这些空格可能会影响您的代码，因为您正在搜索一个实际上名称略有不同的 ID :)“this”与“this”不同。
我现在明白了。再次感谢你:)