github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-06 08:45:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

close date picker on select (#11854)

Browse Source
This commit is contained in:
Azri Kahar
2022-02-25 23:15:32 +08:00
committed by GitHub
parent 0bad2744b3
commit afd1edf5f9
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/src/components/v-date-picker/v-date-picker.vue
View File

@@ -94,11 +94,11 @@ export default defineComponent({
instance.calendarContainer.appendChild(setToNowButton);
if (!props.use24) {
instance.amPM?.addEventListener('keydown', enterToClose);
instance.amPM?.addEventListener('keyup', enterToClose);
} else if (props.includeSeconds) {
instance.secondElement?.addEventListener('keydown', enterToClose);
instance.secondElement?.addEventListener('keyup', enterToClose);
} else {
instance.minuteElement?.addEventListener('keydown', enterToClose);
instance.minuteElement?.addEventListener('keyup', enterToClose);
}
},
};
@@ -117,13 +117,22 @@ export default defineComponent({
switch (props.type) {
case 'dateTime':
return emit('update:modelValue', format(value, "yyyy-MM-dd'T'HH:mm:ss"));
emit('update:modelValue', format(value, "yyyy-MM-dd'T'HH:mm:ss"));
break;
case 'date':
return emit('update:modelValue', format(value, 'yyyy-MM-dd'));
emit('update:modelValue', format(value, 'yyyy-MM-dd'));
break;
case 'time':
return emit('update:modelValue', format(value, 'HH:mm:ss'));
emit('update:modelValue', format(value, 'HH:mm:ss'));
break;
case 'timestamp':
return emit('update:modelValue', formatISO(value));
emit('update:modelValue', formatISO(value));
break;
}
// close the calendar on input change if it's only a date picker without time input
if (props.type === 'date') {
emit('close');
}
}