github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

DatePicker: dynamic picker-options, close #2013 (#2051)

pull/2058/head
cinwell.li 2016-12-29 10:43:51 +08:00 committed by FuryBean
parent bdd0604bd0
commit eefa3fec78
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/date-picker/src/picker.vue
View File

@ -408,30 +408,34 @@ export default {
this.picker.format = this.format; this.picker.format = this.format;
} }
const options = this.pickerOptions; const updateOptions = () => {
const options = this.pickerOptions;
if (options && options.selectableRange) { if (options && options.selectableRange) {
let ranges = options.selectableRange; let ranges = options.selectableRange;
const parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser; const parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser;
const format = DEFAULT_FORMATS.timerange; const format = DEFAULT_FORMATS.timerange;
ranges = Array.isArray(ranges) ? ranges : [ranges]; ranges = Array.isArray(ranges) ? ranges : [ranges];
this.picker.selectableRange = ranges.map(range => parser(range, format)); this.picker.selectableRange = ranges.map(range => parser(range, format));
}
if (this.type === 'time-select' && options) {
this.$watch('pickerOptions.minTime', val => {
this.picker.minTime = val;
});
}
for (const option in options) {
if (options.hasOwnProperty(option) &&
// 忽略 time-picker 的该配置项
option !== 'selectableRange') {
this.picker[option] = options[option];
} }
}
if (this.type === 'time-select' && options) {
this.$watch('pickerOptions.minTime', val => {
this.picker.minTime = val;
});
}
for (const option in options) {
if (options.hasOwnProperty(option) &&
// 忽略 time-picker 的该配置项
option !== 'selectableRange') {
this.picker[option] = options[option];
}
}
};
updateOptions();
this.$watch('pickerOptions', () => updateOptions(), { deep: true });
this.$el.appendChild(this.picker.$el); this.$el.appendChild(this.picker.$el);
this.pickerVisible = this.picker.visible = true; this.pickerVisible = this.picker.visible = true;