mvc3の日付ピッカーと剃刀ビューエンジン

Question

私はmvc3を使用しています。剃刀は私のビューエンジンです。私は日付ピッカーを私の
ビューでスクリプトを使って取得しています。

Answer 1

あなたはスクリプトを使用する必要があると思いますが、jqueryui datepickerをチェックしてください。ライブラリを使用するために、その素敵な簡単

Answer 2

をテーマ設定サポートし、私はそれをチェックアウトし、ここで答え：http://forums.asp.net/post/4647234.aspx

を基本的に使用すると、1つの場所にスクリプトを使用してテンプレートを使用してEditorForでそれを呼んでいます。

Answer 3

プロジェクトのディレクトリスクリプトでスクリプトを作成できます。

Basicの例：あなたのビューで

$(document).ready(function() { $("#datepicker").datepicker({ });}); 

：

@model YourProjectName.Models.User 

....

<div class="editor-field"> 
    @Html.TextBoxFor(model => model.Dateadd, new { @Value = DateTime.Now, id = "datepicker" }) 
    @Html.ValidationMessageFor(model => model.Dateadd) 
</div> 

Answer 4

@model Nullable<System.DateTime> 
@if (Model.HasValue) { 
@Html.TextBox("" , String.Format("{0:yyyy-MM-dd HH:mm}" , Model.Value) , new { 
@class = "textbox" , @style = "width:400px;" }) 
} 
else { 
@Html.TextBox("" , String.Format("{0:yyyy-MM-dd HH:mm}" , DateTime.Now) , new { 
@class = "textbox" , @style = "width:400px;" }) 
} 

@{ 
string name = ViewData.TemplateInfo.HtmlFieldPrefix; 
string id = name.Replace(".", "_"); 
} 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#@id").datepicker 
({ 
dateFormat: 'dd/mm/yy', 
showStatus: true, 
showWeeks: true, 
highlightWeek: true, 
numberOfMonths: 1, 
showAnim: "scale", 
showOptions: { 
origin: ["top", "left"] 
} 
}); 
}); 
</script> 

Answer 5

あなたがDateTimeのタイプのためのエディタのテンプレートを使用している場合は、 HTML5の日付ピッカー（例：<input type="date" />）。基本的には、Views/Shared/EditorTemplatesという名前のフォルダにDateTime.cshtmlという名前のビューを置くと、好きなようにエディタをスタイルすることができます。 1つの例は、回答hereです。

Answer 6

ここにアドバイスする：部分的なビュー（テンプレート）内でスクリプトを使用することは悪い習慣です。

私の場合は、まったく動作しません。 jqueryへのアクセスは、jsファイルとしてインクルードされる前に行われるためです。 さらに、この日付ピッカーコントロールを正確に配置する場所を予測することはできません。 また、ページ上のすべてのエディタにこの「準備完了」ブロックがあります。

RenderSectionはこれに何らかの順序を付けますが、部分ビューとテンプレートでは機能しません。

ちょうどテンプレート（partialview）からビューにjavascriptコードを移動します。