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.