Topic: MDBDateTimePicker v-model not updating
Expected behavior When DateTImePicker v-model is updated programmatically, the value is updated within the component.
Actual behavior When DateTImePicker v-model is updated programmatically, the value is NOT updated within the component.
Resources (screenshots, code snippets etc.)
<template>
<div>Current v-model: {{dateTime}}</div>
<MDBDateTimePicker
v-model="dateTime"
label="DatePicker"
/>
<MDBBtn @click="addDateTime">Add dateTime</MDBBtn>
<MDBBtn @click="removeDateTime">Remove dateTime</MDBBtn>
</template>
<script setup>
import { ref } from '@vue/reactivity'
import { MDBDateTimePicker, MDBBtn } from 'mdb-vue-ui-kit'
const dateTime = ref('')
const addDateTime = () => {
dateTime.value = '17/08/2022, 05:30 AM'
}
const removeDateTime = () => {
dateTime.value = ''
}
</script>
Hello, unfortunately this is not possible. If you wish you can create new feature request and our team will decide if that should be implemented. Best regards!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Vue
- MDB Version: MDB5 2.0.0
- Device: Macbook Pro 2021
- Browser: Chrome
- OS: MacOS Monterey
- Provided sample code: No
- Provided link: No