MVC 4 aspxファイル内のjQuery DatePickerの統合

ReportViewerコントロールとasp：TextBoxからのjQuery datepickerのため、aspxファイルを使用しています。MVC 4 aspxファイル内のjQuery DatePickerの統合

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>

その他の回避策 - rdlcレポートビュワーを剃刀ページ（* .cshtml）に表示できますか？

私はjQueryの1.7.2、Nuget 1.7を持っていると私のかみそりのテキストボックスのために、私はエディタテンプレート

EDITています。HTMLファイルへのリンク：click

出典

2012-05-04 Misi

我々はJavascriptと私は私のhtmlファイルへのリンクを追加しましたASPXページ – reach4thelasers

によって生成されたHTMLを確認する必要があります。ありがとうございます:) – Misi

あなたのHTMLにjQueryへの参照はありませんか？ – mattytommo

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>

出典

2012-05-08 09:31:19 reach4thelasers

だけで、テキストボックスにjqueryの日付ピッカーを表示するにはdo：

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

ここでは、剃刀のページでレポートを表示することについてのあなたの質問は、私は恐れることはできません。レポートを表示するには、コードで使用していたReportViewerコントロールが必要で、RazorでASP.NETコントロールを使用することはできません。

出典

2012-05-04 08:36:37 mattytommo

$（ "input [id $ = 'TextBoxTo']"）にすることができます。datepicker（）; .netはあなたのためにunquie idを生成するので、上のようにすると、idが "TextboxTo"で終わる入力にdatepickerを適用することを意味します。 – Steve

@Steve Yeah良い点ですが、生成されたマークアップを見ていますファイル）、IDは正確に 'TextBoxTo'です:) – mattytommo

fair point。彼はそれをオフにしなければならない。 – Steve

あなたはjQueryライブラリ、JQueryUIライブラリまたはJQueryUI CSSファイルが含まれていませんでした。

は、ドキュメントのにこれを追加します。

出典

2013-03-14 05:22:22 ajeet

MVC 4 aspxファイル内のjQuery DatePickerの統合

答えて

関連する問題