小编bpp*_*bpp的帖子

Vee-Validate自定义日期验证

我想知道是否可以使用vee-validate插件编写自定义日期验证,而结束日期不能少于开始日期?我看上去高低不平,没有地方可以找到确切的答案。

如果没有办法实现,那么我可以不用它,但是,现在我在模板中为开始日期实现的是:

<input type="text" id="startDate" name="startDate" class="form-control" v-model="startDate" v-validate="'required|date_format:DD-MM-YYYY'" :class="{'input': true, 'is-danger': errors.has('startDate') }">
    <label class="mb-0" for="startDate">Start Date</label>
        <span v-show="errors.has('startdate')" class="text-danger"><center>{{ errors.first('startdate') }}</center></span>
Run Code Online (Sandbox Code Playgroud)

我的脚本如下所示:

    export default {
    name: 'App',
    data: () => ({
        task: '',
        startDate: '',
        startTime: '',
        endDate: '',
        endTime: '',
        description: 'test'
    }),
    methods: {
        validateBeforeSubmit() {
            this.$validator.validateAll().then((result) => {
                if (result) {
                // eslint-disable-next-line
                alert('Form Submitted!');
                return;
                }

                alert('Correct them errors!');
            });
        }
    }

};
Run Code Online (Sandbox Code Playgroud)

但是没有显示任何验证。我想我的脚本中缺少某些内容,但是我不确定如何在其中实现日期。任何帮助将不胜感激。

vue.js vee-validate

3
推荐指数
1
解决办法
9404
查看次数

标签 统计

vee-validate ×1

vue.js ×1