jquery - MVC4 の DatePicker

Question

@Html.JQueryUI().DatepickerFormvc4 アプリケーションでヘルパー メソッドを使用しています。最初はカレンダーが正しく表示されますが、フォームが投稿されると表示されません。誰かが私に欠けているものを教えてもらえますか?

Answer 1

AJAX を使用してフォームを送信していると思われます。送信が成功した場合はコンテンツを更新しているため、日付ピッカーは入力フィールドにバインドされていません。したがって、AJAX リクエストの成功のコールバック内で、再バインドする必要があります。

success: function(data) {
    $('#some_id').html(data);
    $('#id_of_your_input_element').datepicker();
}

または、Ajax.BeginForm を使用している場合は、AjaxOptions で Success イベントをサブスクライブできます。

@using (Ajax.BeginForm(new AjaxOptions { Success = "success", UpdateTargetId = "someId" }))
{
    ...
}

success次に、コールバックを記述します。

function success(data) {
    $('#id_of_your_input_element').datepicker();
}