Vuejs2 如何使用<；输入类型="；日期“&燃气轮机；然后是VueJS中的Date.prototype.getFullYear（）？

我只想让用户输入一个日期，然后根据天/月/年采取行动。我也不想安装更多的依赖项

我有：

<input type="date" v-model="dateOfBirth" />

当我做出选择时，我得到：

typeof vm.dateOfBirth === object

结果如下：

2018-05-11

---

但是，我现在如何获取日/月/年，

.getFullYear（）

应该放在哪里？这不是我所期望的工作方式，我已经尝试了我能在网上找到的一切，请帮助

日期输入的值是一个字符串，因此要调用

getFullYear

，需要将其转换为日期

在Vue中，可以使用计算属性执行此操作。这里有一个例子

console.clear（）
新Vue({
el:“应用程序”，
数据：{
出生日期：新日期（）
},
计算：{
年份（{
返回新日期（this.dateOfBirth）.getFullYear（）
}
}
})

年份：{{Year}

日期类型输入的值是字符串。你得做点什么。太棒了，谢谢！！我真的需要

如果（！this.dateOfBirth）{returnnull；}

每次吗？我做了一年，一个月，一天的计算属性，它们都是从这个开始的，看起来并不干燥。我注意到我可以在方法中使用vm.year，这样就可以进行所有计算。我昨天才开始使用Vue，现在已经很喜欢它了，我在其中重新编写了一个应用程序来学习，这将节省很多时间：）检查只是为了避免调用空值函数。您可以初始化日期并避免它。我更新了上面的例子。谢谢你的信息！！我发现如果我保留

dateOfBirth:null

那么结果是

年份：1970月份：0天：1

所以它似乎不能为null？这是否使

if（！this.dateOfBirth）{return null；}

在这两种情况下都是多余的？你想把这个粘贴成一个答案，这样我就可以投票给你了吗？你是对的，这可能不是绝对必要的；有一些边缘情况，你会想处理，但我补充了答案。

2018-05-11