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

update TimePicker

Browse source 
update TimePicker
This commit is contained in:
梁灏 2016-12-27 17:41:35 +08:00
parent 2dbbd7dea6
commit af713093ab
6 changed files with 62 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/components/date-picker/base/time-spinner.vue
View file

@ -45,7 +45,8 @@
},
data () {
return {
prefixCls: prefixCls
prefixCls: prefixCls,
compiled: false
};
},
computed: {
@ -155,11 +156,16 @@
data[type] = cell.text;
this.$emit('on-change', data);
const from = this.$els[type].scrollTop;
const to = 24 * this.getScrollIndex(type, cell.text);
scrollTop(this.$els[type], from, to, 500);
// const from = this.$els[type].scrollTop;
// const to = 24 * this.getScrollIndex(type, cell.text);
// scrollTop(this.$els[type], from, to, 500);
}
},
scroll (type, index) {
const from = this.$els[type].scrollTop;
const to = 24 * this.getScrollIndex(type, index);
scrollTop(this.$els[type], from, to, 500);
},
getScrollIndex (type, index) {
const Type = firstUpperCase(type);
const disabled = this[`disabled${Type}`];
@ -181,8 +187,23 @@
});
}
},
watch: {
hours (val) {
if (!this.compiled) return;
this.scroll('hours', val);
},
minutes (val) {
if (!this.compiled) return;
this.scroll('minutes', val);
},
seconds (val) {
if (!this.compiled) return;
this.scroll('seconds', val);
}
},
compiled () {
this.updateScroll();
this.$nextTick(() => this.compiled = true);
}
};
</script>