Неправильная дата, выбранная компонентом Datepicker Vue / Buefy

Я использую Vue / Buefy как средство выбора даты в форме на моей странице (2-й шаг) https://waytorussia.net/Services/VisaSupport/Tourist.html

Иногда неправильно выбирается только дата рождения: например, пользователь выбирает 5 июня 1975 года, но тогда записываются данные 6 июня 1975 года или 4 июня 1975 года.

Мы думали, что проблема была на сервере, поэтому мы сделали так, чтобы выбранная дата передавалась в виде строки (чтобы убедиться, что нет никаких изменений), но теперь мы думаем, что проблема в Vue (особенно, что сообщалось, что компонент datepicker была эта ошибка).

Мы пытались изменить

От getDate до getUTCDate в компоненте Datepicker, но это не решает проблему.

У вас есть опыт работы с ним или вы знаете, где, возможно, поискать?


javascript datepicker vue.js vuejs2 buefy
person Aerodynamika    schedule 11.06.2018    source источник
comment
Создание этого комментария, чтобы @AdamOrlov мог удалить неответ без каких-либо последствий: проблема касается только 1 дня +/-? Если да, то мне кажется, что у вас проблемы с часовым поясом.   -  person Bert    schedule 11.06.2018

Ответы (1)


arrow_upward
2
arrow_downward

Я добавил атрибут date-formatter в соответствии с приведенным ниже сценарием, и, похоже, он работает нормально.

<template>
    <b-field label="Select a date">
        <b-datepicker
            v-model="date"
            placeholder="Click to select..."
            icon="calendar-today"
            :date-formatter="formatter">
        </b-datepicker>
    </b-field>
</template>

<script>
export default {
    name: 'App',
    data() {
        return {
            date: new Date()
        }
    },
    methods: {
        formatter (d) {
            return d.toLocaleDateString()
        }
    }
}
</script>

Перейдите по ссылке в качестве примера:

https://codepen.io/jeanfsantos/pen/mKMBOv

Я надеюсь, это поможет вам.

person Jean    schedule 14.06.2018