Business Hours is the Vue component for defining the hours worked in the admin panel. Option to use an <input>
and <datalist>
script component with an “autocomplete” function for more flexibility in setting working hours.
or the <select>
component to limit options to preset times in 15, 30, and 60-minute increments.
How to make use of it:
Installation:
npm install vue-business-hours
1. Then in main.js or some other entry point register as a plugin.
import BusinessHours from 'vue-business-hours'; Vue.use(BusinessHours);
2. or register as an item.
import BusinessHours from 'vue-business-hours'; Vue.component('BusinessHours', BusinessHours);
3. You can also add this component directly to an HTML page with a <script> tag with Vue and Moment.js.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js"></script> <script src="https://unpkg.com/vue-business-hours"></script>
set open/close hours in admin panel, Vue Business Hours Plugin/Github
See Demo And Download
Official Website(sbarry50): Click Here
This superior jQuery/javascript plugin is developed by sbarry50. For extra advanced usage, please go to the official website.