2012-01-21 18 views
1

ASP.NET MVC 3razorTelerik MVC extensionsコントロールの最新バージョンを使用しています。Telerik MVC拡張日付ピッカーがテキストボックスに日付を入れていない

私は私のビューの日付ピッカーを持っている:

<td><label>From:</label></td> 
<td> 
    @(Html.Telerik() 
      .DatePickerFor(x => x.HospitalisedStartDate) 
      .Name("HospitalisedStartDate") 
    ) 
</td> 

私の見解モデルでこのプロパティ:

public DateTime? HospitalisedStartDate { get; set; } 

するとビューが読み込まれると、私はカレンダーアイコンをクリックします。カレンダーがポップアップし、日付を選択しても何も起こりません。カレンダーは消えますが、日付はテキストボックスに設定されていません。これはなぜでしょうか?テキストボックスに「today」という単語を入力すると、「2012/01/21」のような今日の日付が入ります。ここで私は何が失われているのですか?

マークアップは、スタイルシートとJavaScriptのために次のようになります。

<link type="text/css" href="/Content/2011.3.1115/telerik.common.min.css" rel="stylesheet"/> 
<link type="text/css" href="/Content/2011.3.1115/telerik.webblue.min.css" rel="stylesheet"/> 
<link type="text/css" href="/Content/Stylesheets/mystylesheet.css" rel="stylesheet"/> 

<script src="/Scripts/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="/Scripts/2011.3.1115/telerik.common.min.js"></script> 
<script type="text/javascript" src="/Scripts/2011.3.1115/telerik.tabstrip.min.js"></script> 
<script type="text/javascript" src="/Scripts/2011.3.1115/telerik.calendar.min.js"></script> 
<script type="text/javascript" src="/Scripts/2011.3.1115/telerik.datepicker.min.js"></script> 
<script type="text/javascript" src="/Scripts/2011.3.1115/telerik.treeview.min.js"></script> 
+0

Firebug(またはChromeで同じ)でページをチェックしましたか?コンソールにJavaScriptエラーがありますか? –

+0

Telerik ScriptManagerを使用していますか? – Nick

答えて

2

jQuery 1.7以上を使用している場合、日付ピッカーに問題があるようです。 jQuery 1.6.4に変更しました。どんな身体がなぜこれが事実であるか知っていますか?

これが私の見解では、今ある:

<script src="/Scripts/jquery-1.6.4.min.js"></script> 
0

私はこの同じ問題を抱えています。私はMVC3(非剃刀)、Telerik MVCコントロール、およびjQueryを使用しています。私は最近、この問題を見て始めました。残念ながら、私はこの行動を引き起こすために私が何を変えたのか分からないようです。私は最近、サードパーティのアセンブリからスクリプトリソースをインポートするためのASP.NET Script Managerと、冗長マークアップを生成するためのカスタムコードを追加する必要がありました。ニックの質問に対して

は、Telerikは、マークアップに

<%: Html.Telerik().ScriptRegistrar() ... %> 

行を挿入自動的に制御し、それは私のプロジェクトの初めから存在しています - 予想通り日付ピッカーが働いていたとき。

FirefoxとIEの両方でこの現象が発生しています。私はファイルを次のように厳密に削除しました。

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %> 
<!DOCTYPE html> 
<html> 
    <head runat="server"> 
    <title>Test</title> 
    <%: Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.webblue.css").Combined(true).Compress(true)) %> 
    </head> 
    <body> 
    <form id="frmMain" method="post" runat="server"> 
     <% Html.Telerik().DatePicker() 
      .Name("dtTest") 
      .HtmlAttributes(new { id = "dtTest_wrapper" }) 
      .Min(DateTime.Today.Subtract(new TimeSpan(3835, 0, 0, 0, 0))) 
      .Max(DateTime.Today.Add(new TimeSpan(24, 0, 0))) 
      .ShowButton(true) 
      .OpenOnFocus(true) 
      .Render(); %> 
    </form> 
    <%: Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(false).Compress(false)) %> 
    </body> 
</html> 

これはまだ動作しません。これはマスターページです(いつもされています)が、子ページには何も定義されていません。

1

jQueryを更新しましたか?

何が変わったのかを考えた後、新しいバージョンのjQueryをテストする必要があることを思い出しました。私は1週間ほど前にjquery-1.6.1.jsというファイルをjquery-1.6.1.jsに置き換えました。 1.6.4のバージョンを復元すると、私の問題は解決しました。私のページは正確に働くように設計されていました。

+0

最新のjQueryも使用しています。私はそれが動作するかどうかを確認するために古いバージョンを試しなければならないと思いますか?明日入力すると、テキストボックスに日付が表示されます。 –

1

のjQuery 1.6.4作品だけで罰金私のために。しかし、jquery-1.5.1.min.jsを試してみたところ、1.7.1も試しました。それは動作しませんでした。アイコンが表示されませんでした。

関連する問題