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

Question

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

1

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

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

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

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

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

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

Dmitry Paranyushkin 11 июнь 2018, в 16:06

Источник

2

Делая этот комментарий, чтобы @AdamOrlov мог удалить неотвеченный ответ без последствий: проблема решается только с 1 днем +/-? Если да, то мне кажется, что у тебя проблемы с часовым поясом.
Bert 11 июнь 2018, в 14:21

Теги:

javascript

vue.js

vuejs2

datepicker

buefy

1 ответ

Ещё вопросы

Делая этот комментарий, чтобы @AdamOrlov мог удалить неотвеченный ответ без последствий: проблема решается только с 1 днем +/-? Если да, то мне кажется, что у тебя проблемы с часовым поясом.

Jean · Answer 1 · 2018-06-14T10-41-00.000Z

Я добавил атрибут 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

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