https://github.com/hellomahe/vue-schedule-time
https://github.com/hellomahe/vue-schedule-time
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hellomahe/vue-schedule-time
- Owner: hellomahe
- Created: 2018-06-19T07:42:50.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-19T09:28:55.000Z (almost 8 years ago)
- Last Synced: 2025-03-20T05:31:21.471Z (about 1 year ago)
- Language: Vue
- Size: 85.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue-Schedule-Time
### Props
* config(Object)
- Object with following keys
- selectedDays(This key holds value of selected days)
- selectedTime(Curently selected time will be in this object with keys start and end)
- generator (This is the generated response with selected time and days)
* max(Number)
- Maximum number of slots in a day. Default is 3
## Example
```
```
config:{
selectedDays:['Sunday'],
selectedTime:{
start:'',
end:''
},
generator:[
{
label: 'Monday',
value: '',
},
{
label: 'Tuesday',
value: '',
},
{
label: 'Wednesday',
value: '',
},
{
label: 'Thursday',
value: '',
},
{
label: 'Friday',
value: '',
},
{
label: 'Saturday',
value: '',
},
{
label: 'Sunday',
value: '',
}
]
}
## Modal response
```
"[
{"label":"Monday","value":"07:45-18:15;22:15-23:45"},
{"label":"Tuesday","value":"07:45-18:15"},
{"label":"Wednesday","value":"07:45-18:15"},
{"label":"Thursday","value":"07:45-18:15"},
{"label":"Friday","value":"07:45-18:15"},
{"label":"Saturday","value":"Closed"},
{"label":"Sunday","value":"Closed"}
]"
```
# Todo
- Remove element.io from dependancy
- Add events for on change and and select