查看日期选择器 returns “1969” 值

Question

我已经实现了 vue datepicker 组件，如下面的 link 所示： https://github.com/ReproNim/reproschema-ui/blob/master/src/components/Inputs/YearInput/YearInput.vue

当这个组件被回答并且我移动到另一个页面并重新访问这个日期选择器所在的页面时，值被修改为“1969”。在 mounted 方法中（上面 link 的第 53 行），我检查任何初始化值。如果存在，它被分配给数据“输入”。我检查了初始值并且它是正确的（它具有先前回答的值）但是在屏幕上组件显示“1969”。

有人可以帮忙解释为什么会这样吗？

Answer 1

代码大部分看起来是正确的。

也许输入值的格式不正确，所以使用默认值 'epoch'。

或者您的拼写错误导致了问题...

lang=selected_language 和 :initialView=inputType 和 :minimumView=inputType


    <datepicker placeholder="Select Date" v-model="input" :lang='selected_language'
                :disabledDates="dateParam.disabledDates" :format="customFormatter"
                :minimumView='inputType' :maximumView="'year'" :initialView='inputType'
                ></datepicker>

Answer 2

我终于解开了这个问题！

当回答的值为“年”时，例如。 1990，在 mounted 生命周期钩子中，在将其赋值给数据变量之前，我需要将 'year' 值转换为日期对象。

查看日期选择器 returns “1969” 值

vue datepicker returns "1969" value

javascript

datepicker

vue.js

vue-component

vuejs2