drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update DatePicker

Browse source 
update DatePicker
This commit is contained in:
梁灏 2017-01-04 14:22:27 +08:00
parent d170399368
commit 73d10c280b
3 changed files with 51 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

36
test/routers/form.vue
View file

@ -63,6 +63,14 @@
<form-item label="多选滑块" prop="slider">
<Slider :value.sync="form.slider" range></Slider>
</form-item>
<form-item label="日期" prop="date">
{{ form.date }}
<Time-picker :value.sync="form.date" type="time" placeholder="选择时间" style="width: 168px"></Time-picker>
</form-item>
<form-item label="两个日期" prop="date2">
{{ form.date2 | json}}
<Date-picker :value.sync="form.date2" type="daterange" placement="bottom-end" placeholder="选择日期" @on-change="c"></Date-picker>
</form-item>
<form-item>
<i-button type="primary" @click="onSubmit('form')">提交</i-button>
</form-item>
@ -108,7 +116,9 @@
checkboxgroup: [],
select: '',
selectm: [],
slider: [40, 50]
slider: [40, 50],
date: '',
date2: ''
},
rules: {
mail: [
@ -157,6 +167,27 @@
}
}
}
],
date: [
{
required: true
},
{
type: 'date'
}
],
date2: [
{
type: 'array', len: 2,
fields: {
0: {
type: 'date', required: true
},
1: {
type: 'date', required: true
}
}
}
]
}
}
@ -172,6 +203,9 @@
return false;
}
});
},
c (s) {
console.log(this.form.date)
}
}
};