wangxu 发表于 2023-12-6 14:04:06

选择日期范围自定义VUE组件，如何添加校验。


使用通用组件添加的 日期组件，需要校验为空提示，不为空校验通过的功能。




<div class="block">
    <span class="demonstration">默认</span>
    <el-date-picker
      v-model="value1"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
</div>
<div class="block">
    <span class="demonstration">带快捷选项</span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      unlink-panels
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :picker-options="pickerOptions">
    </el-date-picker>
</div>

export default {
    data() {
      return {
      value1: '',
      value2: ''
      };
    }
};

论坛管理员 发表于 2023-12-7 09:38:00

您使用的是通用组件吗？v-model就是字段名称，您可以使用这个来做校验
页: [1]
查看完整版本: 选择日期范围自定义VUE组件，如何添加校验。