MVC 4 在 aspx 文件中集成 jQuery DatePicker答案

【问题标题】：MVC 4 integrating jQuery DatePicker in aspx fileMVC 4 在 aspx 文件中集成 jQuery DatePicker
【发布时间】：2012-05-13 18:50:25
【问题描述】：

我使用的是 aspx 文件，因为我的 ReportViewer 控件和我的 jQuery datepicker 来自 asp:TextBox 没有弹出。

如何在 TextBox 中显示 DatePicker？

<form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownListAgenti" runat="server" DataTextField="nume" DataValueField="id_agent" DataSourceID="EntityDataSourceHelios" />                     
        From  <asp:TextBox ID="TextBoxFrom" Width="80"  runat="server"></asp:TextBox>
        To    <asp:TextBox ID="TextBoxTo" Width="80" runat="server"></asp:TextBox>

        <asp:Button ID="Display" runat="server" onclick="Display_Click" Text="Display" />

        <rsweb:ReportViewer ID="ReportViewerAgentvanz" runat="server" Font-Names="Verdana" Font-Size="8pt" Width="800px" Height="800px"  InteractiveDeviceInfos="(Collection)"   />
        <asp:ScriptManager ID="ScriptManagerAgentvanz" runat="server" />

        <asp:EntityDataSource ID="EntityDataSourceHelios" runat="server" EnableFlattening="False" 
            ConnectionString="name=HeliosEntities" DefaultContainerName="HeliosEntities" EntitySetName="agenti"
            Select="it.[id_agent], it.[nume]" OrderBy="it.nume ASC" Where="it.active = TRUE">
        </asp:EntityDataSource>        
    </div>
</form>

其他解决方法 - 我可以在剃须刀页面 (*.cshtml) 中显示 rdlc 报告查看器吗？

我有 jQuery 1.7.2、Nuget 1.7，对于我的剃须刀文本框，我有一个编辑器模板

编辑：链接到 html 文件：click

【问题讨论】：

我们需要查看ASPX页面生成的Javascript和HTML
我添加了一个指向我的 html 文件的链接。谢谢你:)
我在您的 HTML 中没有看到任何对 jQuery 的引用？

标签： c# jquery asp.net asp.net-mvc datepicker

【解决方案1】：

您尚未包含 JQuery 库、JQueryUI 库或 JQueryUI CSS 文件。

将此添加到您文档的<head>：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js" type="text/javascript"></script>

【讨论】：

【解决方案2】：

要在文本框中显示 jquery 日期选择器，只需：

$(function () {
    $("#TextBoxTo").datepicker();
    $("#TextBoxFrom").datepicker();
});

现在，您关于在剃须刀页面中查看报告的问题，恐怕这是不可能的。要查看报告，您需要 ReportViewer 控件（您已在代码中使用）并且不能在 Razor 中使用 ASP.NET 控件。

【讨论】：

它可能想要是 $("input[id$='TextBoxTo']").datepicker();因为 .net 将为您生成一个 unquie id，因此执行上述操作意味着您要将日期选择器应用于任何 id 以“TextboxTo”结尾的输入
@Steve 是的，好点，但是看看他生成的标记（他附加了一个 HTML 文件），ID 正是TextBoxTo :)

【解决方案3】：

您尚未包含 JQuery 库、JQueryUI 库或 JQueryUI CSS 文件。

将此添加到您的文档中：

【讨论】：