在Vue.js中使用v-Validate验证日期

Question

我只允许那些等于或大于出发日期时间字段的日期：

<tr v-for="(input,k) in inputs" :key="k">
<datetime 
name="departureDateTime"
v-validate="'date_format:yyyy-MM-dd HH:mm:ss|required'"
v-model="input.departureDateTime"
>
</datetime>
<datetime 
name="arrivalDateTime"        👇
v-validate="`after:${input.departureDateTime}|date_format:yyyy-MM-dd HH:mm:ss|required`"
v-model="input.arrivalDateTime"
>
</datetime>
<tr>

这只允许我在到达字段中的出发日期时间字段之后的日期，但我也希望它应该允许相同的日期，也就是说，如果我在出发时间中填写2021年5月27日，那么它也应该在到达日期时间字段中允许相同的日期，我希望在两个日期字段中都只允许填写未来的日期。

非常感谢您的帮助。

Answer 1

after参数为：

after:target,inclusion

其中CCD_ 2标志(任何值(指定是否检查大于或等于CCD_。

所以只需在目标日期后添加,true：

<datetime 
name="arrivalDateTime"                         👇
v-validate="`after:${input.departureDateTime},true|date_format:yyyy-MM-dd HH:mm:ss|required`"
v-model="input.arrivalDateTime"
>
</datetime>

演示