前端UI框架 |
您所在的位置:网站首页 › iview-ui › 前端UI框架 |
1.date-picker 为 type="daterange"的验证解决方法
modifyTimes: [{
type: 'array',
required: true,
fields: {
0: {type: 'date', required: true, message: '请选择起止日期'},
1: {type: 'date', required: true, message: '请选择起止日期'}
}
}],
https://blog.csdn.net/six66667/article/details/83414855
{{item.city_name}}
{{item.label}}
{{item.group_name}}
{{item.netele_name}}
重置
确定
data(){
return {
formDynamic: {
domain:'PS', //初始化默认值设置
items: [
{
index: 0,
status: 1, //1显示在页面 0消失
addFlag:1, //1显示+按钮 0不显示
delFlag:0, //1显示-按钮 0不显示
kpiName:'', //指标名称
city: '',
netEleType: '', //网元类型
netEleGroup: '',
netEleName: '',
timeRange: '' //时间范围默认值设置['','']
}
]
}
}
}
//时间范围选择器传参
setOption(value,idx){
this.formDynamic.items[idx].timeRange = value;
},
//DatePicker中的values属性
//value 日期,可以是 JavaScript 的 Date,例如 new Date(),也可以是标准的日期格式,
例如:yyyy年M月d日:2016年1月1日
MM/dd/yy:12/24/16
H点m分s秒:9点41分0秒
注意:value 使用 v-model 时,值是 Date 类型,可以配合 @on-change 使用,用来设置或获取 时间选择
重点: A、使用value,不要使用v-model;有可能会在动态设置新值时,存在数据验证问题 B、使用on-change 获取选择的值 C、添加on-clear 事件 清除默认值 否则会有1970的默认值 clearTime(index){ this.formDynamic.items[index].timeRange = []; } 2.date-picker 为type="datetime"的验证方式 chooseDate: [{required: true, message: '日期不能为空!', trigger: 'blur', pattern: /.+/}],后面添加 pattern: /.+/可验证; |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |