17e1fcf1
梁灏
init DatePicker
|
1
|
<template>
|
ecaf8d51
梁灏
Date add transfer...
|
2
|
<div :class="[prefixCls]" v-clickoutside="handleClose">
|
531cd165
梁灏
support DatePicke...
|
3
|
<div ref="reference" :class="[prefixCls + '-rel']">
|
e9dd4dab
梁灏
publish 0.9.11-rc-1
|
4
5
6
7
8
9
10
11
|
<slot>
<i-input
:class="[prefixCls + '-editor']"
:readonly="!editable || readonly"
:disabled="disabled"
:size="size"
:placeholder="placeholder"
:value="visualValue"
|
531cd165
梁灏
support DatePicke...
|
12
|
@on-input-change="handleInputChange"
|
e9dd4dab
梁灏
publish 0.9.11-rc-1
|
13
14
|
@on-focus="handleFocus"
@on-click="handleIconClick"
|
531cd165
梁灏
support DatePicke...
|
15
16
|
@mouseenter.native="handleInputMouseenter"
@mouseleave.native="handleInputMouseleave"
|
e9dd4dab
梁灏
publish 0.9.11-rc-1
|
17
18
19
|
:icon="iconType"></i-input>
</slot>
</div>
|
531cd165
梁灏
support DatePicke...
|
20
|
<transition :name="transition">
|
ecaf8d51
梁灏
Date add transfer...
|
21
22
23
24
25
26
27
28
|
<Drop
@click.native="handleTransferClick"
v-show="opened"
:class="{ [prefixCls + '-transfer']: transfer }"
:placement="placement"
ref="drop"
:data-transfer="transfer"
v-transfer-dom>
|
531cd165
梁灏
support DatePicke...
|
29
30
31
|
<div ref="picker"></div>
</Drop>
</transition>
|
0f677893
梁灏
update DatePicker
|
32
|
</div>
|
17e1fcf1
梁灏
init DatePicker
|
33
34
|
</template>
<script>
|
0f677893
梁灏
update DatePicker
|
35
36
37
|
import iInput from '../../components/input/input.vue';
import Drop from '../../components/select/dropdown.vue';
import clickoutside from '../../directives/clickoutside';
|
ecaf8d51
梁灏
Date add transfer...
|
38
|
import TransferDom from '../../directives/transfer-dom';
|
0f677893
梁灏
update DatePicker
|
39
|
import { oneOf } from '../../utils/assist';
|
af713093
梁灏
update TimePicker
|
40
|
import { formatDate, parseDate } from './util';
|
cd78c9c4
梁灏
some comps suppor...
|
41
|
import Emitter from '../../mixins/emitter';
|
0f677893
梁灏
update DatePicker
|
42
43
44
45
46
47
|
const prefixCls = 'ivu-date-picker';
const DEFAULT_FORMATS = {
date: 'yyyy-MM-dd',
month: 'yyyy-MM',
|
c46f385a
梁灏
update DatePicker
|
48
|
year: 'yyyy',
|
0f677893
梁灏
update DatePicker
|
49
50
51
52
53
54
55
|
datetime: 'yyyy-MM-dd HH:mm:ss',
time: 'HH:mm:ss',
timerange: 'HH:mm:ss',
daterange: 'yyyy-MM-dd',
datetimerange: 'yyyy-MM-dd HH:mm:ss'
};
|
c46f385a
梁灏
update DatePicker
|
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
|
const RANGE_SEPARATOR = ' - ';
const DATE_FORMATTER = function(value, format) {
return formatDate(value, format);
};
const DATE_PARSER = function(text, format) {
return parseDate(text, format);
};
const RANGE_FORMATTER = function(value, format) {
if (Array.isArray(value) && value.length === 2) {
const start = value[0];
const end = value[1];
if (start && end) {
return formatDate(start, format) + RANGE_SEPARATOR + formatDate(end, format);
}
}
return '';
};
const RANGE_PARSER = function(text, format) {
const array = text.split(RANGE_SEPARATOR);
if (array.length === 2) {
const range1 = array[0];
const range2 = array[1];
return [parseDate(range1, format), parseDate(range2, format)];
}
return [];
};
const TYPE_VALUE_RESOLVER_MAP = {
default: {
formatter(value) {
if (!value) return '';
return '' + value;
},
parser(text) {
if (text === undefined || text === '') return null;
return text;
}
},
date: {
formatter: DATE_FORMATTER,
parser: DATE_PARSER
},
datetime: {
formatter: DATE_FORMATTER,
parser: DATE_PARSER
},
daterange: {
formatter: RANGE_FORMATTER,
parser: RANGE_PARSER
},
datetimerange: {
formatter: RANGE_FORMATTER,
parser: RANGE_PARSER
},
timerange: {
formatter: RANGE_FORMATTER,
parser: RANGE_PARSER
},
time: {
formatter: DATE_FORMATTER,
parser: DATE_PARSER
},
month: {
formatter: DATE_FORMATTER,
parser: DATE_PARSER
},
year: {
formatter: DATE_FORMATTER,
parser: DATE_PARSER
},
number: {
formatter(value) {
if (!value) return '';
return '' + value;
},
parser(text) {
let result = Number(text);
if (!isNaN(text)) {
return result;
} else {
return null;
}
}
}
};
|
17e1fcf1
梁灏
init DatePicker
|
146
|
export default {
|
21dad188
梁灏
prevent dispatch ...
|
147
|
name: 'CalendarPicker',
|
cd78c9c4
梁灏
some comps suppor...
|
148
|
mixins: [ Emitter ],
|
0f677893
梁灏
update DatePicker
|
149
|
components: { iInput, Drop },
|
ecaf8d51
梁灏
Date add transfer...
|
150
|
directives: { clickoutside, TransferDom },
|
0f677893
梁灏
update DatePicker
|
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
|
props: {
format: {
type: String
},
readonly: {
type: Boolean,
default: false
},
disabled: {
type: Boolean,
default: false
},
editable: {
type: Boolean,
default: true
},
|
fe44201b
梁灏
DatePicker add cl...
|
167
168
169
170
|
clearable: {
type: Boolean,
default: true
},
|
b9041a0d
梁灏
DatePicker add co...
|
171
172
173
174
|
confirm: {
type: Boolean,
default: false
},
|
e9dd4dab
梁灏
publish 0.9.11-rc-1
|
175
176
177
178
|
open: {
type: Boolean,
default: null
},
|
0f677893
梁灏
update DatePicker
|
179
180
181
182
183
184
185
186
187
|
size: {
validator (value) {
return oneOf(value, ['small', 'large']);
}
},
placeholder: {
type: String,
default: ''
},
|
68e9b100
梁灏
update DatePicker
|
188
|
placement: {
|
0f677893
梁灏
update DatePicker
|
189
|
validator (value) {
|
68e9b100
梁灏
update DatePicker
|
190
|
return oneOf(value, ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end']);
|
0f677893
梁灏
update DatePicker
|
191
|
},
|
68e9b100
梁灏
update DatePicker
|
192
|
default: 'bottom-start'
|
0f677893
梁灏
update DatePicker
|
193
194
195
|
},
options: {
type: Object
|
ecaf8d51
梁灏
Date add transfer...
|
196
197
198
199
|
},
transfer: {
type: Boolean,
default: false
|
0f677893
梁灏
update DatePicker
|
200
201
|
}
},
|
17e1fcf1
梁灏
init DatePicker
|
202
|
data () {
|
0f677893
梁灏
update DatePicker
|
203
204
205
|
return {
prefixCls: prefixCls,
showClose: false,
|
0f677893
梁灏
update DatePicker
|
206
|
visible: false,
|
50637863
梁灏
update DatePicker
|
207
|
picker: null,
|
68e9b100
梁灏
update DatePicker
|
208
|
internalValue: '',
|
531cd165
梁灏
support DatePicke...
|
209
|
disableClickOutSide: false, // fixed when click a date,trigger clickoutside to close picker
|
ecaf8d51
梁灏
Date add transfer...
|
210
|
disableCloseUnderTransfer: false, // transfer 模式下,点击Drop也会触发关闭
|
531cd165
梁灏
support DatePicke...
|
211
|
currentValue: this.value
|
b0893113
jingsam
add eslint
|
212
|
};
|
0f677893
梁灏
update DatePicker
|
213
214
|
},
computed: {
|
e9dd4dab
梁灏
publish 0.9.11-rc-1
|
215
216
217
|
opened () {
return this.open === null ? this.visible : this.open;
},
|
0f677893
梁灏
update DatePicker
|
218
|
iconType () {
|
9d844d53
梁灏
fixed Layout bug
|
219
|
let icon = 'ios-calendar-outline';
|
456877a1
梁灏
update TimePicker
|
220
|
if (this.type === 'time' || this.type === 'timerange') icon = 'ios-clock-outline';
|
9d844d53
梁灏
fixed Layout bug
|
221
222
|
if (this.showClose) icon = 'ios-close';
return icon;
|
0f677893
梁灏
update DatePicker
|
223
|
},
|
d20fe0ee
梁灏
update DatePicker
|
224
225
226
227
228
229
230
|
transition () {
if (this.placement === 'bottom-start' || this.placement === 'bottom' || this.placement === 'bottom-end') {
return 'slide-up';
} else {
return 'slide-down';
}
},
|
c46f385a
梁灏
update DatePicker
|
231
|
selectionMode() {
|
472b4ff1
梁灏
update DatePicker
|
232
|
if (this.type === 'month') {
|
c46f385a
梁灏
update DatePicker
|
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
|
return 'month';
} else if (this.type === 'year') {
return 'year';
}
return 'day';
},
visualValue: {
get () {
const value = this.internalValue;
if (!value) return;
const formatter = (
TYPE_VALUE_RESOLVER_MAP[this.type] ||
TYPE_VALUE_RESOLVER_MAP['default']
).formatter;
const format = DEFAULT_FORMATS[this.type];
return formatter(value, this.format || format);
},
set (value) {
if (value) {
const type = this.type;
const parser = (
TYPE_VALUE_RESOLVER_MAP[type] ||
TYPE_VALUE_RESOLVER_MAP['default']
).parser;
const parsedValue = parser(value, this.format || DEFAULT_FORMATS[type]);
|
c46f385a
梁灏
update DatePicker
|
261
262
263
264
265
266
267
|
if (parsedValue) {
if (this.picker) this.picker.value = parsedValue;
}
return;
}
if (this.picker) this.picker.value = value;
}
|
0f677893
梁灏
update DatePicker
|
268
269
270
|
}
},
methods: {
|
ecaf8d51
梁灏
Date add transfer...
|
271
272
273
274
|
// 开启 transfer 时,点击 Drop 即会关闭,这里不让其关闭
handleTransferClick () {
if (this.transfer) this.disableCloseUnderTransfer = true;
},
|
0f677893
梁灏
update DatePicker
|
275
|
handleClose () {
|
ecaf8d51
梁灏
Date add transfer...
|
276
277
278
279
|
if (this.disableCloseUnderTransfer) {
this.disableCloseUnderTransfer = false;
return false;
}
|
1b7aefea
梁灏
update Picker
|
280
|
if (this.open !== null) return;
|
762c8ddf
梁灏
update DatePicker
|
281
282
|
// if (!this.disableClickOutSide) this.visible = false;
this.visible = false;
|
68e9b100
梁灏
update DatePicker
|
283
|
this.disableClickOutSide = false;
|
0f677893
梁灏
update DatePicker
|
284
285
|
},
handleFocus () {
|
e1874103
梁灏
update DatePicker
|
286
|
if (this.readonly) return;
|
0f677893
梁灏
update DatePicker
|
287
288
|
this.visible = true;
},
|
e1874103
梁灏
update DatePicker
|
289
290
291
292
293
|
handleInputChange (event) {
const oldValue = this.visualValue;
const value = event.target.value;
let correctValue = '';
|
7c5ccdab
梁灏
update DatePicker
|
294
295
296
|
let correctDate = '';
const type = this.type;
const format = this.format || DEFAULT_FORMATS[type];
|
e1874103
梁灏
update DatePicker
|
297
|
|
7c5ccdab
梁灏
update DatePicker
|
298
299
300
301
302
303
304
305
306
307
308
309
310
|
if (type === 'daterange' || type === 'timerange' || type === 'datetimerange') {
const parser = (
TYPE_VALUE_RESOLVER_MAP[type] ||
TYPE_VALUE_RESOLVER_MAP['default']
).parser;
const formatter = (
TYPE_VALUE_RESOLVER_MAP[type] ||
TYPE_VALUE_RESOLVER_MAP['default']
).formatter;
const parsedValue = parser(value, format);
|
3602b78d
梁灏
update DatePicker
|
311
312
313
314
|
if (parsedValue[0] instanceof Date && parsedValue[1] instanceof Date) {
if (parsedValue[0].getTime() > parsedValue[1].getTime()) {
correctValue = oldValue;
} else {
|
3602b78d
梁灏
update DatePicker
|
315
316
|
correctValue = formatter(parsedValue, format);
}
|
699a9dc8
梁灏
update DatePicker
|
317
|
// todo 判断disabledDate
|
e1874103
梁灏
update DatePicker
|
318
|
} else {
|
7c5ccdab
梁灏
update DatePicker
|
319
|
correctValue = oldValue;
|
e1874103
梁灏
update DatePicker
|
320
|
}
|
7c5ccdab
梁灏
update DatePicker
|
321
|
|
3602b78d
梁灏
update DatePicker
|
322
|
correctDate = parser(correctValue, format);
|
af713093
梁灏
update TimePicker
|
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
|
} else if (type === 'time') {
const parsedDate = parseDate(value, format);
if (parsedDate instanceof Date) {
if (this.disabledHours.length || this.disabledMinutes.length || this.disabledSeconds.length) {
const hours = parsedDate.getHours();
const minutes = parsedDate.getMinutes();
const seconds = parsedDate.getSeconds();
if ((this.disabledHours.length && this.disabledHours.indexOf(hours) > -1) ||
(this.disabledMinutes.length && this.disabledMinutes.indexOf(minutes) > -1) ||
(this.disabledSeconds.length && this.disabledSeconds.indexOf(seconds) > -1)) {
correctValue = oldValue;
} else {
correctValue = formatDate(parsedDate, format);
}
} else {
correctValue = formatDate(parsedDate, format);
}
} else {
correctValue = oldValue;
}
correctDate = parseDate(correctValue, format);
|
e1874103
梁灏
update DatePicker
|
347
|
} else {
|
7c5ccdab
梁灏
update DatePicker
|
348
349
350
|
const parsedDate = parseDate(value, format);
if (parsedDate instanceof Date) {
|
d31b0801
梁灏
fixed DatePicker bug
|
351
352
|
const options = this.options || false;
if (options && options.disabledDate && typeof options.disabledDate === 'function' && options.disabledDate(new Date(parsedDate))) {
|
7c5ccdab
梁灏
update DatePicker
|
353
354
355
356
357
358
359
|
correctValue = oldValue;
} else {
correctValue = formatDate(parsedDate, format);
}
} else {
correctValue = oldValue;
}
|
e1874103
梁灏
update DatePicker
|
360
|
|
7c5ccdab
梁灏
update DatePicker
|
361
362
|
correctDate = parseDate(correctValue, format);
}
|
e1874103
梁灏
update DatePicker
|
363
364
365
366
|
this.visualValue = correctValue;
event.target.value = correctValue;
this.internalValue = correctDate;
|
21dad188
梁灏
prevent dispatch ...
|
367
|
this.currentValue = correctDate;
|
344131a7
梁灏
update DatePicker
|
368
369
|
if (correctValue !== oldValue) this.emitChange(correctDate);
|
c46f385a
梁灏
update DatePicker
|
370
371
|
},
handleInputMouseenter () {
|
0f677893
梁灏
update DatePicker
|
372
|
if (this.readonly || this.disabled) return;
|
fe44201b
梁灏
DatePicker add cl...
|
373
|
if (this.visualValue && this.clearable) {
|
0f677893
梁灏
update DatePicker
|
374
375
376
|
this.showClose = true;
}
},
|
c46f385a
梁灏
update DatePicker
|
377
|
handleInputMouseleave () {
|
0f677893
梁灏
update DatePicker
|
378
379
380
|
this.showClose = false;
},
handleIconClick () {
|
7b7178f1
梁灏
fixed #528
|
381
382
|
if (this.showClose) {
this.handleClear();
|
f1f0206c
Aresn
fixed Date bug
|
383
|
} else if (!this.disabled) {
|
7b7178f1
梁灏
fixed #528
|
384
385
|
this.handleFocus();
}
|
b9041a0d
梁灏
DatePicker add co...
|
386
387
|
},
handleClear () {
|
c46f385a
梁灏
update DatePicker
|
388
389
|
this.visible = false;
this.internalValue = '';
|
531cd165
梁灏
support DatePicke...
|
390
|
this.currentValue = '';
|
d20fe0ee
梁灏
update DatePicker
|
391
|
this.$emit('on-clear');
|
cd78c9c4
梁灏
some comps suppor...
|
392
|
this.dispatch('FormItem', 'on-form-change', '');
|
0f677893
梁灏
update DatePicker
|
393
394
395
|
},
showPicker () {
if (!this.picker) {
|
531cd165
梁灏
support DatePicke...
|
396
|
let isConfirm = this.confirm;
|
5cc9b892
梁灏
update DateTimePi...
|
397
398
|
const type = this.type;
|
9b376832
Sergio Crisostomo
Add feature: allo...
|
399
|
this.picker = this.Panel.$mount(this.$refs.picker);
|
5cc9b892
梁灏
update DateTimePi...
|
400
|
if (type === 'datetime' || type === 'datetimerange') {
|
531cd165
梁灏
support DatePicke...
|
401
|
isConfirm = true;
|
5cc9b892
梁灏
update DateTimePi...
|
402
403
|
this.picker.showTime = true;
}
|
50637863
梁灏
update DatePicker
|
404
|
this.picker.value = this.internalValue;
|
531cd165
梁灏
support DatePicke...
|
405
|
this.picker.confirm = isConfirm;
|
c46f385a
梁灏
update DatePicker
|
406
|
this.picker.selectionMode = this.selectionMode;
|
50637863
梁灏
update DatePicker
|
407
408
|
if (this.format) this.picker.format = this.format;
|
9d844d53
梁灏
fixed Layout bug
|
409
410
411
412
413
414
|
// TimePicker
if (this.disabledHours) this.picker.disabledHours = this.disabledHours;
if (this.disabledMinutes) this.picker.disabledMinutes = this.disabledMinutes;
if (this.disabledSeconds) this.picker.disabledSeconds = this.disabledSeconds;
if (this.hideDisabledOptions) this.picker.hideDisabledOptions = this.hideDisabledOptions;
|
50637863
梁灏
update DatePicker
|
415
416
417
418
|
const options = this.options;
for (const option in options) {
this.picker[option] = options[option];
}
|
c46f385a
梁灏
update DatePicker
|
419
420
|
this.picker.$on('on-pick', (date, visible = false) => {
|
531cd165
梁灏
support DatePicke...
|
421
422
|
if (!isConfirm) this.visible = visible;
this.currentValue = date;
|
e1874103
梁灏
update DatePicker
|
423
|
this.picker.value = date;
|
c46f385a
梁灏
update DatePicker
|
424
|
this.picker.resetView && this.picker.resetView();
|
73d10c28
梁灏
update DatePicker
|
425
|
this.emitChange(date);
|
c46f385a
梁灏
update DatePicker
|
426
427
|
});
|
b9041a0d
梁灏
DatePicker add co...
|
428
429
430
431
|
this.picker.$on('on-pick-clear', () => {
this.handleClear();
});
this.picker.$on('on-pick-success', () => {
|
b9041a0d
梁灏
DatePicker add co...
|
432
|
this.visible = false;
|
d20fe0ee
梁灏
update DatePicker
|
433
|
this.$emit('on-ok');
|
b9041a0d
梁灏
DatePicker add co...
|
434
|
});
|
68e9b100
梁灏
update DatePicker
|
435
|
this.picker.$on('on-pick-click', () => this.disableClickOutSide = true);
|
0f677893
梁灏
update DatePicker
|
436
|
}
|
c46f385a
梁灏
update DatePicker
|
437
438
439
440
441
442
|
if (this.internalValue instanceof Date) {
this.picker.date = new Date(this.internalValue.getTime());
} else {
this.picker.value = this.internalValue;
}
this.picker.resetView && this.picker.resetView();
|
344131a7
梁灏
update DatePicker
|
443
444
|
},
emitChange (date) {
|
21dad188
梁灏
prevent dispatch ...
|
445
446
447
|
const newDate = this.formattingDate(date);
this.$emit('on-change', newDate);
|
fc0c4c78
梁灏
fixed #494
|
448
449
450
|
this.$nextTick(() => {
this.dispatch('FormItem', 'on-form-change', newDate);
});
|
21dad188
梁灏
prevent dispatch ...
|
451
452
|
},
formattingDate (date) {
|
456877a1
梁灏
update TimePicker
|
453
454
|
const type = this.type;
const format = this.format || DEFAULT_FORMATS[type];
|
699a9dc8
梁灏
update DatePicker
|
455
|
const formatter = (
|
456877a1
梁灏
update TimePicker
|
456
|
TYPE_VALUE_RESOLVER_MAP[type] ||
|
699a9dc8
梁灏
update DatePicker
|
457
458
459
|
TYPE_VALUE_RESOLVER_MAP['default']
).formatter;
|
0fd13696
梁灏
fixed DatePicker ...
|
460
|
let newDate = formatter(date, format);
|
61d5d48b
Rijn
return array of f...
|
461
|
if (type === 'daterange' || type === 'timerange' || type === 'datetimerange') {
|
0fd13696
梁灏
fixed DatePicker ...
|
462
463
|
newDate = [newDate.split(RANGE_SEPARATOR)[0], newDate.split(RANGE_SEPARATOR)[1]];
}
|
21dad188
梁灏
prevent dispatch ...
|
464
|
return newDate;
|
0f677893
梁灏
update DatePicker
|
465
466
467
468
469
470
471
|
}
},
watch: {
visible (val) {
if (val) {
this.showPicker();
this.$refs.drop.update();
|
d20fe0ee
梁灏
update DatePicker
|
472
|
if (this.open === null) this.$emit('on-open-change', true);
|
0f677893
梁灏
update DatePicker
|
473
|
} else {
|
5cc9b892
梁灏
update DateTimePi...
|
474
|
if (this.picker) this.picker.resetView && this.picker.resetView(true);
|
0f677893
梁灏
update DatePicker
|
475
|
this.$refs.drop.destroy();
|
d20fe0ee
梁灏
update DatePicker
|
476
|
if (this.open === null) this.$emit('on-open-change', false);
|
c46f385a
梁灏
update DatePicker
|
477
478
479
480
481
|
}
},
internalValue(val) {
if (!val && this.picker && typeof this.picker.handleClear === 'function') {
this.picker.handleClear();
|
0f677893
梁灏
update DatePicker
|
482
|
}
|
21dad188
梁灏
prevent dispatch ...
|
483
|
// this.$emit('input', val);
|
50637863
梁灏
update DatePicker
|
484
|
},
|
531cd165
梁灏
support DatePicke...
|
485
486
487
488
|
value (val) {
this.currentValue = val;
},
currentValue: {
|
50637863
梁灏
update DatePicker
|
489
490
|
immediate: true,
handler (val) {
|
2dbbd7de
梁灏
update TimePicker
|
491
|
const type = this.type;
|
0dd7b94a
梁灏
update TimePicker
|
492
493
494
495
|
const parser = (
TYPE_VALUE_RESOLVER_MAP[type] ||
TYPE_VALUE_RESOLVER_MAP['default']
).parser;
|
d609ba86
梁灏
update TimePicker
|
496
|
|
4db5926d
梁灏
fixed #153
|
497
|
if (val && type === 'time' && !(val instanceof Date)) {
|
0dd7b94a
梁灏
update TimePicker
|
498
|
val = parser(val, this.format || DEFAULT_FORMATS[type]);
|
4db5926d
梁灏
fixed #153
|
499
|
} else if (val && type === 'timerange' && Array.isArray(val) && val.length === 2 && !(val[0] instanceof Date) && !(val[1] instanceof Date)) {
|
0dd7b94a
梁灏
update TimePicker
|
500
|
val = val.join(RANGE_SEPARATOR);
|
2dbbd7de
梁灏
update TimePicker
|
501
502
|
val = parser(val, this.format || DEFAULT_FORMATS[type]);
}
|
0dd7b94a
梁灏
update TimePicker
|
503
|
|
c46f385a
梁灏
update DatePicker
|
504
|
this.internalValue = val;
|
531cd165
梁灏
support DatePicke...
|
505
|
this.$emit('input', val);
|
50637863
梁灏
update DatePicker
|
506
|
}
|
d20fe0ee
梁灏
update DatePicker
|
507
508
509
510
511
512
513
514
|
},
open (val) {
if (val === true) {
this.visible = val;
this.$emit('on-open-change', true);
} else if (val === false) {
this.$emit('on-open-change', false);
}
|
0f677893
梁灏
update DatePicker
|
515
|
}
|
17e1fcf1
梁灏
init DatePicker
|
516
|
},
|
0f677893
梁灏
update DatePicker
|
517
518
519
520
|
beforeDestroy () {
if (this.picker) {
this.picker.$destroy();
}
|
e9dd4dab
梁灏
publish 0.9.11-rc-1
|
521
|
},
|
531cd165
梁灏
support DatePicke...
|
522
|
mounted () {
|
d20fe0ee
梁灏
update DatePicker
|
523
|
if (this.open !== null) this.visible = this.open;
|
0f677893
梁灏
update DatePicker
|
524
|
}
|
b0893113
jingsam
add eslint
|
525
526
|
};
</script>
|