Vue / Buefy 的 Datepicker 组件选择了错误的日期答案

【问题标题】：Wrong date picked by Datepicker component of Vue / BuefyVue / Buefy 的 Datepicker 组件选择了错误的日期
【发布时间】：2018-06-11 13:57:44
【问题描述】：

我在页面上的表单中使用 Vue / Buefy 作为日期选择器（第二步）https://waytorussia.net/Services/VisaSupport/Tourist.html

有时只有出生日期被选错了：例如，用户选择了 1975 年 6 月 5 日，但记录的数据是 1975 年 6 月 6 日或 1975 年 6 月 4 日。

我们认为问题出在服务器上，因此我们将选择的日期作为字符串传输（以确保没有更改）但现在我们认为问题出在 Vue 中（特别是据报道datepicker 组件有这个错误）。

我们尝试改变

getDate 到 getUTCDate 在 Datepicker 组件中，但这并不能解决问题。

您对此有任何经验吗？或者您知道应该去哪里寻找吗？

【问题讨论】：

发表此评论，以便@AdamOrlov 可以删除未回答的问题而不会产生影响：问题是否仅在 1 天 +/- 内出现？如果确实如此，那么在我看来，您的时区有问题。

标签： javascript vue.js datepicker vuejs2 buefy

【解决方案1】：

我按照下面的脚本添加了 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

希望对你有帮助。

【讨论】：