在当前日期时间之后验证日期 v-validate in vue.js

Question

我想验证日期时间字段

<datetime v-validate="'before:2016-05-25|date_format:yyyy-MM-dd|required'" format="YYYY-MM-DD" name="DateTime" width="100px" id="DateTime" :class="['form-control', {'is-invalid': errors.has('DateTime')}]" v-model="DateTime" ></datetime>

这部分也在工作和验证。

这只是接受和验证日期，但我也想输入时间，当我输入 yyyy-MM-dd H:i:s 它不再验证日期时间，我想把这个日期设为 before:2016-05-25 动态它应该得到当前日期时间。

非常感谢任何帮助。

Answer 1

部分问题是您当时的 date_format 模式字符串 (H:i:s):

H 是小时的模式（不是零填充）
i 是 ISO 星期几的模式
s 是秒的模式（不是零填充）

但时间通常显示为HH:mm:ss:

HH 是小时的模式（零填充）
mm 是分钟的模式（零填充）
ss 是秒的模式（零填充）

此外，before 参数必须匹配 date_format 模式字符串，因此如果包含时间模式，before 参数也需要包含时间值。

例如，要在 12:30pm 验证 2016-MAY-25 之前的日期：

<datetime v-validate="'before:2016-05-25 12:30:00|date_format:yyyy-MM-dd HH:mm:ss|required'">

demo

在当前日期时间之后验证日期 v-validate in vue.js

validate date after current datetime v-validate in vue.js

vue.js

vue-component

vuejs2