Commit 148d969

committed

create picker dev

1 parent d2f6353 commit 148d969Copy full SHA for 148d969

File tree

+94

-0

lines changed

+94

-0

lines changed

Lines changed: 61 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,61 @@`
	`1`	`+<template lang="html">`
	`2`	`+ <div class="wrapper">`
	`3`	`+ <div class="panel panel-default">`
	`4`	`+ <div class="panel-heading">Form</div>`
	`5`	`+ <div class="panel-body">`
	`6`	`+ <vue-form-generator :schema="schema" :model="model" :options="formOptions"></vue-form-generator>`
	`7`	`+ </div>`
	`8`	`+ </div>`
	`9`	`+`
	`10`	`+ <div class="panel panel-default">`
	`11`	`+ <div class="panel-heading">Model</div>`
	`12`	`+ <div class="panel-body">`
	`13`	`+ <pre v-if="model">{{ model }}</pre>`
	`14`	`+ </div>`
	`15`	`+ </div>`
	`16`	`+ </div>`
	`17`	`+</template>`
	`18`	`+`
	`19`	`+<script>`
	`20`	`+import Vue from "vue";`
	`21`	`+import Multiselect from "vue-multiselect"`
	`22`	`+Vue.component("multiselect", Multiselect);`
	`23`	`+`
	`24`	`+export default {`
	`25`	`+ data () {`
	`26`	`+ return {`
	`27`	`+ model: {`
	`28`	`+`
	`29`	`+ },`
	`30`	`+`
	`31`	`+ schema: {`
	`32`	`+ fields: [`
	`33`	`+ {`
	`34`	`+ type: "dateTimePicker",`
	`35`	`+ /*type: "input",`
	`36`	`+ inputType: "date",*/`
	`37`	`+ label: "DT",`
	`38`	`+ model: "dt",`
	`39`	`+ dateTimePickerOptions: {`
	`40`	`+ format: "YYYY-MM-DD HH:mm:ss"`
	`41`	`+ }`
	`42`	`+ }`
	`43`	`+ ]`
	`44`	`+ },`
	`45`	`+`
	`46`	`+ formOptions: {}`
	`47`	`+ }`
	`48`	`+ },`
	`49`	`+`
	`50`	`+ created() {`
	`51`	`+ window.app = this;`
	`52`	`+ }`
	`53`	`+}`
	`54`	`+</script>`
	`55`	`+`
	`56`	`+<style>`
	`57`	`+ .wrapper {`
	`58`	`+ width: 500px;`
	`59`	`+ margin: 0 auto;`
	`60`	`+ }`
	`61`	`+</style>`

Lines changed: 24 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,24 @@`
	`1`	`+<!doctype html>`
	`2`	`+<html lang="en">`
	`3`	`+ <head>`
	`4`	`+ <meta charset="utf-8">`
	`5`	`+ <title>vue-form-generator datePicker demo</title>`
	`6`	`+`
	`7`	`+ <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css">`
	`8`	`+ <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">`
	`9`	`+ <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.43/css/bootstrap-datetimepicker.css">`
	`10`	`+`
	`11`	`+ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>`
	`12`	`+ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>`
	`13`	`+ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js"></script>`
	`14`	`+`
	`15`	`+ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>`
	`16`	`+ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.45/js/bootstrap-datetimepicker.min.js"></script>`
	`17`	`+`
	`18`	`+ </head>`
	`19`	`+ <body>`
	`20`	`+ <div class="container-fluid"></div>`
	`21`	`+ <div id="app"></div>`
	`22`	`+ <script src="/picker.js"></script>`
	`23`	`+ </body>`
	`24`	`+</html>`

Lines changed: 9 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,9 @@`
	`1`	`+import Vue from "vue";`
	`2`	`+import VueFormGenerator from "../../src";`
	`3`	`+Vue.use(VueFormGenerator);`
	`4`	`+`
	`5`	`+import App from './app.vue';`
	`6`	`+`
	`7`	`+new Vue({`
	`8`	`+ ...App`
	`9`	`+}).$mount('#app');`

Comments

(0)