Vue js apply filter on v-model in an input field

Question

Hope someone can help me! I have made a directive wrapping the Jasny Bootstrap Plugin more specifically the input-mask thing and everything goes well!

Now I have made a

Answer 1

Go to main.js and add the following code :

import moment from 'moment'
Vue.filter('myDate', function (value) {
    if (value) {
        return moment(String(value)).format('dd/mm/yyyy')
    }
});

In your HTML do the following :

Date

{{ date | myDate 'dd/mm/yyyy' }}

So we used above v-bind to bind the value and @input event handler to have the v-model functionality.