vuejs-weekpicker
This is a vue.js weekpicker component. It implements Vuex to share datas with other components or parent app.
Shared datas are :
- Year
- Week number
- From and to infos corresponding to year and week choosed by user
Here is what this component looks like
!
vuejs-weekpicker
How to configure it
In your main file app.js, add these lines :
``
import WeekPicker from 'vuejs-weekpicker'
import store from './store/store'
Vue.use(WeekPicker)
Vue.config.productionTip = false
`
In your new Vue instance, add call to store :
`
new Vue({
store,
render: h => h(App)
}).$mount('#app')
`
In your src folder add a folder named 'store'.
In this folder add a file store.js
In this file, you can copy the code you can found here
How to use it
Just call the week-picker tag :
`
`
or like this
`
`
By default, the locale is english 'en'
You can change the locale with this syntax :
`
``
For now, only english and french are supported.
Nota : param week-picker-locale is not required.
Roadmap
To do list for this component :
- [X] Add under week selector the from date and to date. Example : for the week 2019/15, the result will be 'From 20190408 To 20190414'
- [ ] Add ability to hide from/to information
- [X] Add VueX implementation to help to communicate with parent and others components
- [ ] Add ability to change component color to match with others components
Changelog
- 20190414 v0.3.2 Fix #1 From / to does not appears at page loading
- 20190414 v0.3.0 Add Vuex implementation
- 20190412 v0.2.0 Add 'from/to' functionnality
- 20190412 v0.1.8 First functionnal version