3.1.5 • Published 10 months ago
vue-input-date-time v3.1.5
Vue canlendar and vue clock
Caracteriscticas del componente calendar y clock.
- Seleccione una fecha (dia mes y año)
- Limite el rango del calendario entre años
- Seleccione una hora
- seleccione los minutos
- Definir una fecha al calendario para visualizar (YYYY-MM-DD)
- Definir una hora al clock para visualizar (hh:mm:ss a)
Instalaccion
- Instale ejecutando
npm install vue-input-date-time
. - Importe agregando
import { VueInputDateTime, VueClock } from "vue-input-date-time";
. - Usar Calendar agregando
<InputDateTime/>
. Puede agregar el v-model para enviar una fecha y obtener una seleccionada - Usar Clock agregando
<VueClock/>
. Puede agregar el v-model para enviar un hora y obtener una seleccionada
Empezando
Compatibilidad
Su proyecto necesita usar vue 2.x.x Nodejs - v16.17.0 npm - 9.6.7
Instalación
Agregue Clanedar a su proyecto ejecutando npm install vue-input-date-time
.
Uso
He aquí un ejemplo de uso básico:
<template>
<div id="app">
<VueClock v-model="hours"></VueClock>
<VueInputDateTime v-model="date"></VueInputDateTime>
</div>
</template>
<script>
import { VueInputDateTime, VueClock } from "vue-input-date-time";
export default {
components: {
VueClock,
VueInputDateTime,
},
data: () => ({
hours: '00:00:00 am',
date: '2023-01-22'
})
};
</script>
Nota - el v-model es opcional si no le envias el atributo el calendar y el clock tomaran los valores de la fecha actual.
3.1.5
10 months ago
3.1.4
10 months ago
3.1.3
10 months ago
3.1.2
10 months ago
3.1.1
10 months ago
3.0.7
10 months ago
3.0.0
10 months ago
2.0.10
10 months ago
2.0.9
10 months ago
2.0.8
10 months ago
2.0.7
10 months ago
2.0.6
10 months ago
2.0.5
10 months ago
2.0.4
10 months ago
2.0.3
10 months ago
2.0.2
10 months ago
2.0.1
10 months ago
2.0.0
10 months ago