How to use vue-flatpickr-component - 2 common examples
To help you get started, we’ve selected a few vue-flatpickr-component examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
NJUCSE17 / JB-Online / resources / js / app.js View on Github 
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
require('./bootstrap');
window.Vue = require('vue');
import flatPickr from 'vue-flatpickr-component';
import 'flatpickr/dist/flatpickr.css';
import 'flatpickr/dist/themes/light.css';
import 'flatpickr/dist/l10n/zh.js';
console.log(flatPickr.props.config);
flatPickr.props.config.default = () => {
return {
enableTime: true,
enableSeconds: true,
time_24hr: true,
minuteIncrement: 5,
prevArrow: '<i class="fas fa-angle-left"></i>',
nextArrow: '<i class="fas fa-angle-right"></i>',
locale: 'zh',
};
};
window.Vue.component('flat-pickr', flatPickr);
import vueKanban from 'vue-kanban';
window.Vue.use(vueKanban);
/**/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
require('./bootstrap');
window.Vue = require('vue');
import flatPickr from 'vue-flatpickr-component';
import 'flatpickr/dist/flatpickr.css';
import 'flatpickr/dist/themes/light.css';
import 'flatpickr/dist/l10n/zh.js';
console.log(flatPickr.props.config);
flatPickr.props.config.default = () => {
return {
enableTime: true,
enableSeconds: true,
time_24hr: true,
minuteIncrement: 5,
prevArrow: '<i class="fas fa-angle-left"></i>',
nextArrow: '<i class="fas fa-angle-right"></i>',
locale: 'zh',
};
};
window.Vue.component('flat-pickr', flatPickr);
import vueKanban from 'vue-kanban';
window.Vue.use(vueKanban);vue-flatpickr-component
Vue.js component for Flatpickr date-time picker
