Files
izyim/resources/assets/vue/components/common/DatePickerComponent.vue
T
2019-03-12 12:17:41 +08:00

31 lines
816 B
Vue

<template>
<input type="text" class="form-control" v-datepicker :value="value" v-on:changeDate="updateDate($event)">
</template>
<script>
export default {
directives: {
datepicker: {
inserted (el,) {
let vm = this;
$(el).datepicker({
autoclose: true,
format: 'dd/mm/yyyy',
todayBtn: true,
todayHighlight: true
}).on('changeDate',function(e){
this.updateDate(event.target.value)
})
}
}
},
props: ['value'],
methods: {
updateDate(value){
alert(value);
}
}
}
</script>