由 Vue / Buefy 的日期选择器组件选择错误的日期

Question

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

有时只选择错误的出生日期：也就是说，用户选择了 1975 年 6 月 5 日，但随后记录的数据是 1975 年 6 月 6 日或 1975 年 6 月 4 日。

我们认为问题出在服务器上，所以我们这样做是为了将选择的日期作为字符串传输(以确保没有变化(，但现在我们认为问题出在 Vue 中(特别是据报道日期选择器组件有这个错误(。

我们尝试改变

getDate在日期选取器组件中getUTCDate，但这并不能解决问题。

您对此有任何经验，或者您知道在哪里可能寻找？

Answer 1

我按照下面的脚本添加了日期格式化程序属性，它似乎工作正常。

<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

我希望这对你有所帮助。