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

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'">

演示