el-form表单中不同数据类型对应的时间格式化和校验规则

 1. 在表单中, 当选择不同的数据类型时, 需要在下面选择时间时和数据类型对应上, 通过监听数据类型的变化, 给时间做格式化,

2. 但是当不按顺序选择数据类型后, 再选时间可能会报错, 所以需要在dom更新后, 再清空表单.

3. 校验规则, 结束时间需要大于开始时间, 但是不能选当前的时间, 所以需要转换时间戳.

el-form表单中不同数据类型对应的时间格式化和校验规则_第1张图片

el-form表单中不同数据类型对应的时间格式化和校验规则_第2张图片

 el-form表单中不同数据类型对应的时间格式化和校验规则_第3张图片

 el-form表单中不同数据类型对应的时间格式化和校验规则_第4张图片

 

        
          
            
            
          
        
        
          
          
        
        
          
          
        
      
      
        取 消
        生成数据
      
    

                    
                    

你可能感兴趣的:(vue,web前端,JS,vue.js,elementui,javascript)