Estoy trabajando con Vue 3 y utilizando moment js, estoy con esta funcion:
//Funcion para obtener el tiempo actual, tiempo al crear o editar un registro
const horaActual = ()=> {
const hoy = moment().format('D-MM-Y H:mm');
return hoy;
};
y lo que deseo lograr es cargar esta fecha en un input del type="datetime-local "
para reutilizar codigo tengo unos componentes y en este caso tengo el siguiente, el cual importo en un componente principal.
<template>
<div class="rounded bg-gray-200">
<label class="" :for="name">
{{ label }}
</label>
<input :value="model" type="datetime-local" :id="name" class="bg-white rounded w-full text-black focus:outline-none border-b-2 border-white focus:border-teal-400 transition duration-500 h-7" />
<div v-if="$store.state.form_errors[name]" class="text-red-500">
{{ $store.state.form_errors[name] }}
</div>
</div>
</template>
<script>
export default {
name: "InputDateTime",
props: ["name", "model", "label"],
}
</script>
En mi componente principal lo llamo pero no logro que me cargue la fecha con el formato que corresponde
<div class="col-span-6 sm:col-span-3 lg:col-span-3">
<label for="fecha" class="block text-sm font-medium text-gray-700 dark:text-gray-200">Fecha recepción</label>
<input-date-time name="fecha" :model="horaActual()" @input="$emit('update:fecha', $event.target.value)" autocomplete="family-name" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 rounded-md" />
<p>{{horaActual()}}</p>
</div>
Alguien me puede dar una ayuda a este problema, es bastante raro y absurdo a mi parecer...