Initial import
This commit is contained in:
49
mockup/fo/fo02/components/startDateComponent.js
Normal file
49
mockup/fo/fo02/components/startDateComponent.js
Normal file
@@ -0,0 +1,49 @@
|
||||
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 };
|
||||
Reference in New Issue
Block a user