38 lines
833 B
Vue
38 lines
833 B
Vue
<template>
|
|
<div>
|
|
<div class="flex flex-col p-3">
|
|
<DatePicker inline :min-date="(new Date())" v-model="rent.auto_felvetel_datum"/>
|
|
</div>
|
|
|
|
<div class="flex flex-col p-3">
|
|
Időpont
|
|
<Dropdown :options="timeList" v-model="rent.auto_felvetel_idopont" />
|
|
</div>
|
|
<div class="p-3">
|
|
<Button @click="next()" class="max-sm:w-full min-w-20" v-if="rent.auto_felvetel_datum && rent.auto_felvetel_idopont">Tovább</Button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const {rent} = storeToRefs(useAuthStore())
|
|
definePageMeta({
|
|
rentStep: 1,
|
|
title:'Autóbérlés kezdete'
|
|
})
|
|
function next() {
|
|
navigateTo('/rent/place-from')
|
|
}
|
|
|
|
const timeList = computed(()=>{
|
|
let a = []
|
|
for(let i=0; i<24; i++){
|
|
a.push(i+':00')
|
|
a.push(i+':30')
|
|
}
|
|
return a
|
|
})
|
|
|
|
</script>
|
|
|
|
<style></style> |