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

fix logic for multiple picker

Browse source
This commit is contained in:
Sergio Crisostomo 2018-01-19 09:41:34 +01:00
parent 95eae081bc
commit d07b4f3301
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -265,8 +265,12 @@
},
computed: {
publicValue(){
if (this.multiple){
return this.internalValue.map(date => this.formatDate(date));
} else {
const isRange = this.type.includes('range');
return isRange ? this.formatDate(this.internalValue) : this.formatDate(this.internalValue[0]);
}
},
opened () {
@ -284,8 +288,10 @@
},
visualValue() {
const value = this.internalValue;
if (!value) return;
if (this.multiple) return value.map(date => this.formatDate(date)).join(', ');
const formatter = (
TYPE_VALUE_RESOLVER_MAP[this.type] ||
TYPE_VALUE_RESOLVER_MAP['default']
@ -294,7 +300,7 @@
return formatter(value, this.format || format);
},
isConfirm(){
return this.confirm || this.type === 'datetime' || this.type === 'datetimerange';
return this.confirm || this.type === 'datetime' || this.type === 'datetimerange' || this.multiple;
}
},
methods: {
@ -393,8 +399,10 @@
},
onPick(dates, visible = false) {
if (this.type === 'multiple'){
this.internalValue = [...this.internalValue, dates]; // TODO: filter multiple date duplicates
if (this.multiple){
const allDates = [...this.internalValue, dates].filter(Boolean);
const timeStamps = allDates.map(date => date.getTime()).filter((ts, i, arr) => arr.indexOf(ts) === i); // filter away duplicates
this.internalValue = timeStamps.map(ts => new Date(ts));
} else {
this.internalValue = Array.isArray(dates) ? dates : [dates];
}