Vue.js 如何在vue js中对datepicker进行验证？

我正在尝试对datepicker进行验证，例如，如果用户没有选择日期，并且它给出了错误。例如，“需要日期”

您可以使用v模型验证日期

const-app=新的Vue({
el:“#应用程序”，
数据：{
日期：空
},
组成部分：{
vuejsDatepicker
},
方法：{
formSubmit（）{
如果（！此日期）{
警报（“请选择日期”）；
返回；
}
console.clear（）；
console.log（'所选日期为'+此.date）；
}
}
})

---

您可以使用v型模型验证日期

const-app=新的Vue({
el:“#应用程序”，
数据：{
日期：空
},
组成部分：{
vuejsDatepicker
},
方法：{
formSubmit（）{
如果（！此日期）{
警报（“请选择日期”）；
返回；
}
console.clear（）；
console.log（'所选日期为'+此.date）；
}
}
})

请仔细阅读此处提供的Vue文档。我这样做了，但没有找到足够的补救措施。。基本上，我想在日期选择器中显示错误消息，就像用户没有选择日期并按下提交按钮一样。在日期选择器上绑定一个变量，并在提交表单时检查值是否为空。具有变量/计算属性以确定是否必须显示错误

div

。启动表单提交时重置此属性。请查看此处提供的Vue文档。我这样做了，但没有找到足够的补救措施。。基本上，我想在日期选择器中显示错误消息，就像用户没有选择日期并按下提交按钮一样。在日期选择器上绑定一个变量，并在提交表单时检查值是否为空。具有变量/计算属性以确定是否必须显示错误

div

。启动表单提交时重置此属性。非常感谢您的努力。事实上，我希望当用户点击提交按钮而不选择日期时，消息和日期输入字段应该是红色的。非常感谢您的努力。实际上，我希望当用户点击提交按钮而不选择日期时，消息和日期输入字段应该是红色的。