Как я могу обновить существующие данные, которые связаны, используя v-модель с начальной загрузкой datetimepicker? - PullRequest
Новая
       20

Как я могу обновить существующие данные, которые связаны, используя v-модель с начальной загрузкой datetimepicker?

0 голосов
/ 17 мая 2019

В настоящее время я использую bootstrap datetimepicker для обработки выбора даты и времени для моего интерфейса, я смог получить данные из моей API конечной точки bootstrap datetimepicker но когда я пытался обновить дату и после успешного процесса.Данные (дата) остаются прежними, НО , когда я пытался вручную обновить их в вводе , дата меняется после сохранения.

Пока этовещи, которые я пробовал, но у меня не получалось. здесь и здесь также и этот - из github vuejs, но проблема была 2 года назад с парой месяцев в ней, но все же я попробовал это, но не сработало здесь

Это от моего js, который находится в установленном . 

$('#datetimepickerinitialtimein').datetimepicker({
            format: "YYYY-MM-DD HH:mm"   
        });
        $('#datetimepickerinitialtimeout').datetimepicker({
            format: "YYYY-MM-DD HH:mm"
        });

Это моя функция обновления в моем js 

updateDueDiligence: function () {
            this.loading = true;
            this.$http.put(`/api/v1/due-diligence/${this.currentDueDiligence.id}/`, this.currentDueDiligence)
                .then((response) => {
                    this.loading = false;
                    this.currentDueDiligence = response.data;
                    console.log(this.currentDueDiligence.date_completed_initial_dd_time_in);
                    swal({
                        title: "GPG system",
                        text: "Successfully updated the data!",
                        icon: "success",
                        button: false,
                        timer: 1500
                    });
                    $("#editModal").modal('hide')
                    this.getDueDiligences();
                })
                .catch((err) => {
                    this.loading = false;
                    swal({
                        title: "GPG System",
                        text: JSON.stringify(err.body),
                        icon: "error",
                        buttons: false,
                        timer: 3000,
                    });
                    console.log(err);
                })
        },

Это из html 

<form v-on:submit.prevent="updateDueDiligence">
<div class="form-group col-md-6 col-sm-12">
        <label>Date Completed for initial data - Time In </label>
        <div class='input-group date' id='datetimepickerinitialtimein'>
            <input type='text' class="form-control"
                v-model="currentDueDiligence.date_completed_initial_dd_time_in" />
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
    <div class="form-group col-md-6 col-sm-12">
        <label>Date Completed for initial data - Time Out </label>
        <div class='input-group date' id='datetimepickerinitialtimeout'>
            <input type='text' class="form-control"
                v-model="currentDueDiligence.date_completed_initial_dd_time_out" />
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>3
<button type="submit" class="btn btn-primary">Save changes</button>
</form>

Как сохранить новые данные, не вводя их вручную во ввод ?

...