42 lines
762 B
Vue
42 lines
762 B
Vue
<template>
|
|
<app-text-field :value="stringValue" @input="input" :label="label" type="date"></app-text-field>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import DateTimeUtils from "../lib/DateTimeUtils";
|
|
|
|
export default {
|
|
props: {
|
|
modelValue: {
|
|
required: false,
|
|
type: [Date, String]
|
|
},
|
|
|
|
label: {
|
|
required: false,
|
|
type: String,
|
|
default: null
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
stringValue() {
|
|
const d = DateTimeUtils.toDate(this.modelValue);
|
|
return DateTimeUtils.formatDateForEdit(d);
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
input(val) {
|
|
let d = DateTimeUtils.toDate(val + " 00:00");
|
|
this.$emit("update:modelValue", d);
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
</style> |