@cone2875/vue-formulate-datetime
Version:
Vue Formulate + Vue Datetime
48 lines (34 loc) • 972 B
Markdown
Vue Formulate Datetime is a [Vue Formulate][1] plugin that provides the
[][2] UI into a `FormulateInput`.
```sh
npm install vue-formulate-datetime
```
As with any [Vue Formulate plugin][3]:
```javascript
import Vue from 'vue'
import VueFormulate from '@braid/vue-formulate'
import FormulateVueDatetimePlugin from '@cone2875/vue-formulate-datetime'
// !important
// Import the vue-datetime css
import 'vue-datetime/dist/vue-datetime.css'
Vue.use(VueFormulate, {
plugins: [ FormulateVueDatetimePlugin ]
})
```
Use `vue-datetime` as the input `type`. `vue-datetime` uses the `type` prop
too, so we changed the name of this prop to `datetype`.
```html
<FormulateInput
type="vue-datetime"
datetype="datetime"
/>
```
It works as any other `FormulateInput`.
[]: https://vueformulate.com
[]: https://github.com/mariomka/vue-datetime
[]: https://vueformulate.com/guide/plugins/