LaravelLaravel & VueJsVueJs

Vue.js Component for Flatpickr Datetime Picker



Description:

This is a Vue.js component for the Faltpickr DateTime picker.

Features

  • Reactive v-model value
    • You can change flatpickr value programmatically
  • Reactive config options
    • You can change config options dynamically
    • Component will watch for any changes and redraw itself
    • You are suggested to modify config via Vue.set
  • Emits all possible events
  • Compatible with Bootstrap, Bulma or any other CSS framework
  • Supports wrapped mode
    • Just set wrap:true in config and component will take care of all
  • Play nice with vee-validate validation library

Preview:

Download Details:

Author: ankurk91

Live Demo: https://jsfiddle.net/ankurk91/63kzdwLx/

Download Link: https://github.com/ankurk91/vue-flatpickr-component/archive/master.zip

Official Website: https://github.com/ankurk91/vue-flatpickr-component

Last Update: January 3, 2018

Views Total: 0

Install:

# Yarn
$ yarn add vue-flatpickr-component

# NPM
$ npm install vue-flatpickr-component --save




Source link
★ READ ALSO ★  Date range picker component for Vue.js

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close