verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 77 Releases Wiki Activity

hotfix: #6917 set right time #632

Merged
jorgep merged 3 commits from hotfix-fixVnInputTime into master 2024-08-21 07:28:28 +00:00
Conversation 0 Commits 3 Files Changed 1 +10 -31
1 changed files with 10 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/common/VnInputTime.vue
View File

@ -1,5 +1,5 @@
<script setup>
import { watch, computed, ref, nextTick } from 'vue';
import { computed, ref } from 'vue';
import { useI18n } from 'vue-i18n';
import { date } from 'quasar';
@ -14,13 +14,13 @@ const props = defineProps({
default: false,
},
});
const initialDate = ref(model.value);
jorgep commented 2024-08-20 15:00:03 +00:00
Review
Copy Link

Mantenemos la fecha inicial.

Mantenemos la fecha inicial.
const { t } = useI18n();
const requiredFieldRule = (val) => !!val || t('globals.fieldRequired');
const dateFormat = 'HH:mm';
const isPopupOpen = ref();
const hover = ref();
const inputRef = ref();
jorgep commented 2024-08-20 15:02:58 +00:00
Review
Copy Link

Ya no se usa

Ya no se usa
const styleAttrs = computed(() => {
return props.isOutlined
@ -50,7 +50,8 @@ const formattedTime = computed({
}
if (!props.timeOnly) {
const [hh, mm] = time.split(':');
const date = new Date(model.value ? model.value : null);
const date = new Date(model.value ? model.value : initialDate.value);
date.setHours(hh, mm, 0);
time = date?.toISOString();
}
@ -62,37 +63,10 @@ const formattedTime = computed({
function dateToTime(newDate) {
return date.formatDate(new Date(newDate), dateFormat);
}
watch(
jorgep commented 2024-08-20 15:00:50 +00:00
Outdated
Review
Copy Link

Esto no hacía nada, no es posible modificar el valor de una variable de tipo computed.

Esto no hacía nada, no es posible modificar el valor de una variable de tipo computed.
() => model.value,
(val) => (formattedTime.value = val),
{ immediate: true }
);
watch(
jorgep commented 2024-08-20 15:01:18 +00:00
Outdated
Review
Copy Link

Al usar un input type="time" esto ya no es necesario.

Al usar un input type="time" esto ya no es necesario.
() => formattedTime.value,
async (val) => {
let position = 3;
const input = inputRef.value?.getNativeElement();
if (!val || !input) return;
let [hh, mm] = val.split(':');
hh = parseInt(hh);
if (hh >= 10 || mm != '00') return;
await nextTick();
await nextTick();
if (!hh) position = 0;
input.setSelectionRange(position, position);
},
{ immediate: true }
);
</script>
<template>
<div @mouseover="hover = true" @mouseleave="hover = false">
<QInput
ref="inputRef"
class="vn-input-time"
mask="##:##"
placeholder="--:--"
@ -102,7 +76,7 @@ watch(
style="min-width: 100px"
:rules="$attrs.required ? [requiredFieldRule] : null"
@click="isPopupOpen = false"
@focus="inputRef.getNativeElement().setSelectionRange(0, 0)"
jorgep commented 2024-08-20 15:01:29 +00:00
Outdated
Review
Copy Link

Ya no es necesario

Ya no es necesario
type="time"
>
<template #append>
<QIcon
@ -149,6 +123,11 @@ watch(
border-style: solid;
}
</style>
<style lang="scss" scoped>
jorgep commented 2024-08-20 15:01:52 +00:00
Review
Copy Link

Oculta el icono por defecto de los input type="time"

Oculta el icono por defecto de los input type="time"
:deep(input[type='time']::-webkit-calendar-picker-indicator) {
display: none;
}
</style>
<i18n>
es:
Open time: Abrir tiempo