0

私はこの作成ビューを持っていて、コードを生成しました....

        <div class="editor-label">
            @Html.LabelFor(model => model.EmployeeId, "Employee")
        </div>
        <div class="editor-field">
            @Html.DropDownList("EmployeeId", String.Empty)
            @Html.ValidationMessageFor(model => model.EmployeeId)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Date,"Date")
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Date)
            @Html.ValidationMessageFor(model => model.Date)
        </div>

それを実行すると、入力用のテキストボックスが自動的に作成されました...私ができないのは、日付のテキストボックスを強制的に日付ピッカーにすることです...

私は単純な入力でそれを行うことができます、

 <input class="datepicker">

私はすでに日付ピッカー用のスクリプトを持っています..日付の入力クラスを日付ピッカーにする必要があるだけです...

4

1 に答える 1

0

datepickerクラスを含む div に追加できます。

<div class="editor-field datepicker">
    @Html.EditorFor(model => model.Date)
    @Html.ValidationMessageFor(model => model.Date)
</div>

datepicker次に、jQueryセレクターを調整して、クラスの入力要素、またはこのクラスの要素内に含まれる入力要素のいずれかに日付ピッカーを適用するようにします。

$('.datepicker, .datepicker input[type="text"]').datepicker();

もう 1 つの可能性は、css クラスなどの追加の HTML 属性をヘルパーで生成された入力フィールドに適用できるカスタム メタデータ プロバイダーを使用することです。EditorForビュー モデル プロパティをカスタム属性で装飾するだけです。

于 2012-05-09T07:24:12.433 に答える