asp.net-mvc - MVC 4 EditorFor/TextBoxFor および日付フィールド

Question

ここで NweBee...MVC 4 を使用して、特定の幅の入力ボックスで datetime フィールドの日付部分だけを表示および編集するにはどうすればよいでしょうか? EditorFor で Date エディター テンプレートを使用して Date 部分を取得できるようで、TextBoxFor で class="width.. を使用して幅を設定できますが、両方を同時に取得することはできないようです。

Answer 1

これを行う 1 つの方法は、div でラップ@Html.EditorFor()し、含まれている div で入力を選択してスタイルを適用することです。

<div class="editorfordate">
    @Html.EditorFor(m=>m.MyDate)
</div>

そしてCSS：

.editorfordate > input {
    width: 34px; /* or whatever you want */
}

@Html.EditorFor()ヘルパーを使用するたびに、追加のラッパー div が自動的に作成されるように、カスタム EditorFor-template を実装することをお勧めします。