Javascript 如何取消QDate选择？

我在Vue2.JS项目中使用了Quasar。我有一个QDate，与QPopupEdit链接（带有取消和设置按钮）。我想在单击“设置”时运行特定的函数。如果条件为true，我希望取消此设置，而不掩蔽QDate和QPopupEdit

代码如下：

<QPopupEdit
  v-model="displayBirthday"
  buttons
  :label-set="$t('set')"
  :label-cancel="$t('cancel')"
>
  <QDate
    :ref="'test'"
    v-model="displayBirthday"
    minimal
    class="no-shadow"
    mask="DD/MM/YYYY"
    :locale="locale"
  />
</QPopupEdit>

---

谢谢。

要在单击“保存”或“关闭”时执行函数，根据，您需要将“验证”属性实现到“QPopupEdit”组件，如果您想向所使用的元素显示验证错误，则需要添加“错误”和“属性.错误消息”，我附上一个示例

newvue({
el:“#q-app”，
数据：函数（）{
返回{
值：“5”，
显示生日：“2021年1月1日”，
错误：{
状态：false，
msg:null
}
}
},
方法：{
验证日期（val）{
if（val==矩（）.format（'DD/MM/YYYY'））{
this.error.status=true
this.error.msg='日期不能是今天'
返回错误
}
this.error.status=false
this.error.msg=“”
返回真值
}
}
})

{{displayBirthday}}