1

Весь проект на C# MVC на вьюхе к полю прикручен DatetimaPicker от xdsoft. Мне необходимо отправлять данные на сервер когда меняется поле даты. код на странице:

    <div class="form-group">
        @Html.LabelFor(model => model.Start, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Start, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Start, "", new { @class = "text-danger" })
            @Html.Hidden("StartDateTime")
        </div>
    </div>


<script type="text/javascript">
    /*window.Error = function (errorMsg) { alert(errorMsg); }*/


    $.datetimepicker.setLocale('ru');

    $('#Start').datetimepicker({
        dayOfWeekStart: 1,
        lang: 'ru',
        format: 'd.m.Y H:i',
        startDate: '@DateTime.Now',
        step: 30,
        value: '@DateTime.Now'
    });
    $('#Start').change(function () {
        $('#StartDateTime').attr('value', $('#Start').val());
    });

</script>

<script type="text/javascript">
    var FormData = $('form').serializeArray(); 
    $('#Start').focusout(function () {
        $.ajax({
            url: '@Url.Action("TrainerTime","Schedules")',
            type: "POST",
            data: FormData
        })
    })
</script>

Так вот когда это ajax скрипт - то поле Start всегда равно Default, а поле StartDateTime равно null, даже если во время отладки вижу как поле меняется на правильную дату:

<input name="StartDateTime" id="StartDateTime" type="hidden" value="20.02.2016 12:30">

При этом, если я делаю отправку формы по кнопке, то данные отправляются корректные. Подскажите пожалуйста, чего я не понимаю?

2
  • Почему serializeArray, а не serialize?
    – hindmost
    14 фев 2016 в 8:58
  • Посмотрите какие запросы делаются браузером в обоих случаях 14 фев 2016 в 8:59

1 ответ 1

2

Возможно причина в том, что переменная FormData у вас формируется до изменений значений полей формы. Записывать переменную правильно нужно в момент события focusout

<script type="text/javascript">
    $('#Start').focusout(function () {
        var FormData = $('form').serializeArray(); 
        $.ajax({
            url: '@Url.Action("TrainerTime","Schedules")',
            type: "POST",
            data: FormData
        })
    })
</script>
1
  • Спасибо! Вы не просто ответили на вопрос, но и добавили понимания! Всё работает! 14 фев 2016 в 9:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.