Vue.js Vee验证日期类型输入验证(引导vue)

Vue.js Vee验证日期类型输入验证(引导vue),vue.js,bootstrap-vue,vee-validate,Vue.js,Bootstrap Vue,Vee Validate,我试图使用vee validate检查用户是否在引导vue日期输入中键入有效日期。遵循vee验证文档,但似乎没有预期的行为 不适用于有效日期或无效日期,如2019年6月31日(dd/MM/yyyy) 下面是一个代码笔示例: 文件: 本机浏览器日期输入期望以特定格式显示日期(作为字符串),即YYYY-MM-DD 如果要使用与浏览器期望的格式不同的日期,则需要使用文本输入 本机浏览器日期输入预期的是特定格式的日期(作为字符串),即YYYY-MM-DD 如果要使用与浏览器期望的格式不同的日

我试图使用vee validate检查用户是否在引导vue日期输入中键入有效日期。遵循vee验证文档,但似乎没有预期的行为

不适用于有效日期或无效日期,如2019年6月31日(dd/MM/yyyy)

下面是一个代码笔示例:


文件:


本机浏览器
日期
输入期望以特定格式显示日期(作为字符串),即
YYYY-MM-DD

如果要使用与浏览器期望的格式不同的日期,则需要使用
文本输入


本机浏览器
日期
输入预期的是特定格式的日期(作为字符串),即
YYYY-MM-DD

如果要使用与浏览器期望的格式不同的日期,则需要使用
文本输入


好的。。刚刚发现在
input type=“date”
的情况下,您不需要进行任何格式验证。只需vee validate的
required
选项即可完成此项工作,并且不会接受任何无效日期

我已更新代码笔:

      <b-form-input :state="!errors.has('sdate')"
                    v-model="selectedDate"
                    placeholder="Enter sdate"
                    v-validate="'required'"
                    name="sdate"
                    type="date">
      </b-form-input>

好的。。刚刚发现在
input type=“date”
的情况下,您不需要进行任何格式验证。只需vee validate的
required
选项即可完成此项工作,并且不会接受任何无效日期

我已更新代码笔:

      <b-form-input :state="!errors.has('sdate')"
                    v-model="selectedDate"
                    placeholder="Enter sdate"
                    v-validate="'required'"
                    name="sdate"
                    type="date">
      </b-form-input>


实际上我不需要任何特定的格式,我只需要用户键入一个有效日期。就像使用键盘一样,他可以键入2019年6月31日。这一定是一个错误。我不想使用文本类型,因为我希望日期选择器也可用。将格式更改为YYYY/MM/DD在我的代码笔示例中没有帮助。我在原始答案中犯了一个错误。。。本机日期输入所需的格式为
YYYY-MM-DD
。我已经更新了答案。Vee-Validate还检查输入类型,并推断出日期应采用的正确格式,这与您指定的格式冲突。请注意,并非所有浏览器都支持本机日期输入(大多数现代浏览器都支持,但IE11不支持)。在这种情况下,浏览器将呈现与文本输入等效的内容,允许用户键入任何无效格式。实际上,我不需要任何特定格式,我只需要用户键入有效日期。就像使用键盘一样,他可以键入2019年6月31日。这一定是一个错误。我不想使用文本类型,因为我希望日期选择器也可用。将格式更改为YYYY/MM/DD在我的代码笔示例中没有帮助。我在原始答案中犯了一个错误。。。本机日期输入所需的格式为
YYYY-MM-DD
。我已经更新了答案。Vee-Validate还检查输入类型,并推断出日期应采用的正确格式,这与您指定的格式冲突。请注意,并非所有浏览器都支持本机日期输入(大多数现代浏览器都支持,但IE11不支持)。在这些情况下,浏览器将呈现与文本输入等效的内容,允许用户输入任何无效格式。