49 lines
1.0 KiB
JavaScript
49 lines
1.0 KiB
JavaScript
var startDateComponent = {
|
|
props : ['label'],
|
|
|
|
template : `
|
|
<v-menu
|
|
v-model="menu2"
|
|
:close-on-content-click="false"
|
|
:nudge-right="40"
|
|
lazy
|
|
transition="scale-transition"
|
|
offset-y
|
|
full-width
|
|
min-width="290px"
|
|
>
|
|
|
|
<v-text-field
|
|
slot="activator"
|
|
v-model="datez"
|
|
:label="labels"
|
|
prepend-icon="event"
|
|
readonly
|
|
>
|
|
</v-text-field>
|
|
|
|
<v-date-picker v-model="datez" @input="menu2 = false" prev-icon="false"></v-date-picker>
|
|
</v-menu>
|
|
`,
|
|
|
|
data () {
|
|
return {
|
|
datez: new Date().toISOString().substr(0, 10),
|
|
menu: false,
|
|
modal: false,
|
|
menu2: false
|
|
}
|
|
|
|
},
|
|
|
|
computed : {
|
|
labels() {
|
|
if (this.label) {
|
|
return this.label;
|
|
} else
|
|
return "Start Date";
|
|
}
|
|
}
|
|
}
|
|
|
|
export { startDateComponent }; |