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

DatePicker add confirm prop

Browse source 
DatePicker add confirm prop
This commit is contained in:
梁灏 2016-12-20 13:48:39 +08:00
parent fe44201b46
commit b9041a0df9
7 changed files with 83 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/date-picker/picker.vue
View file

@ -162,6 +162,10 @@
type: Boolean,
default: true
},
confirm: {
type: Boolean,
default: false
},
size: {
validator (value) {
return oneOf(value, ['small', 'large']);
@ -315,14 +319,19 @@
},
handleIconClick () {
if (!this.showClose) return;
this.handleClear();
},
handleClear () {
this.visible = false;
this.internalValue = '';
this.value = '';
this.emitChange(this.value);
},
showPicker () {
if (!this.picker) {
this.picker = new Vue(this.panel).$mount(this.$els.picker);
this.picker.value = this.internalValue;
this.picker.confirm = this.confirm;
this.picker.selectionMode = this.selectionMode;
if (this.format) this.picker.format = this.format;
@ -332,13 +341,22 @@
}
this.picker.$on('on-pick', (date, visible = false) => {
if (!this.confirm) this.visible = visible;
this.emitChange(date);
this.value = date;
this.visible = visible;
this.picker.value = date;
this.picker.resetView && this.picker.resetView();
});
this.picker.$on('on-pick-clear', () => {
this.handleClear();
});
this.picker.$on('on-pick-success', () => {
this.emitChange(this.value);
this.visible = false;
});
// todo $on('on-time-range')
}
if (this.internalValue instanceof Date) {
@ -349,7 +367,7 @@
this.picker.resetView && this.picker.resetView();
},
emitChange (date) {
const format = this.format || DEFAULT_FORMATS[type];
const format = this.format || DEFAULT_FORMATS[this.type];
const formatter = (
TYPE_VALUE_RESOLVER_MAP[this.type] ||
TYPE_VALUE_RESOLVER_MAP['default']