Javascripts Custom hours
<p>Hi does anyone know how to add custom hours and day if we want to define opening hours for a specific business? Here are screenshot of some working examples</p>

<p><img src="http://i.stack.imgur.com/PBY1r.png" alt="enter image description here"></p>

<p>An html code for above features are as follow:</p>

<pre><code>    &lt;li class="attr-field BusinessHours BusinessHours-view-noval"&gt;
        &lt;label class="primary " for="attr_BusinessHours"&gt;Hours&lt;/label&gt;
        &lt;div class="attr-field"&gt;
        &lt;div class="day-hours" id="day-hours-BusinessHours"&gt;
        &lt;div class="hours-display"&gt;
        &lt;div class="hours"&gt;
&lt;span class="weekday"&gt;Thu&lt;/span&gt;
&lt;span class="start"&gt;9:00 am&lt;/span&gt;&lt;span&gt;-&lt;/span&gt;
&lt;span class="end"&gt;5:00 pm&lt;/span&gt;
&lt;a href="#" class="remove-hours"&gt;Remove&lt;/a&gt;
&lt;input type="hidden" name="BusinessHours" value="3 9 17"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="hours-select"&gt;
                &lt;select class="weekday"&gt;
                        &lt;option value="0"&gt;Mon&lt;/option&gt;
                        &lt;option value="1"&gt;Tue&lt;/option&gt;
                        &lt;option value="2"&gt;Wed&lt;/option&gt;
                        &lt;option value="3"&gt;Thu&lt;/option&gt;
                        &lt;option value="4"&gt;Fri&lt;/option&gt;
                        &lt;option value="5"&gt;Sat&lt;/option&gt;
                        &lt;option value="6"&gt;Sun&lt;/option&gt;
                &lt;/select&gt;
                &lt;select class="hours-start"&gt;
                        &lt;option value="6"&gt;6:00 am&lt;/option&gt;
                        &lt;option value="6.5"&gt;6:30 am&lt;/option&gt;
                        &lt;option value="7"&gt;7:00 am&lt;/option&gt;
                        &lt;option value="7.5"&gt;7:30 am&lt;/option&gt;
                        &lt;option value="8"&gt;8:00 am&lt;/option&gt;
                        &lt;option value="8.5"&gt;8:30 am&lt;/option&gt;
                        &lt;option value="9" selected=""&gt;9:00 am&lt;/option&gt;
                        &lt;option value="9.5"&gt;9:30 am&lt;/option&gt;
                        &lt;option value="10"&gt;10:00 am&lt;/option&gt;
                        &lt;option value="10.5"&gt;10:30 am&lt;/option&gt;
                        &lt;option value="11"&gt;11:00 am&lt;/option&gt;
                        &lt;option value="11.5"&gt;11:30 am&lt;/option&gt;
                        &lt;option value="12"&gt;12:00 pm&lt;/option&gt;
                        &lt;option value="12.5"&gt;12:30 pm&lt;/option&gt;
                        &lt;option value="13"&gt;1:00 pm&lt;/option&gt;
                        &lt;option value="13.5"&gt;1:30 pm&lt;/option&gt;
                        &lt;option value="14"&gt;2:00 pm&lt;/option&gt;
                        &lt;option value="14.5"&gt;2:30 pm&lt;/option&gt;
                        &lt;option value="15"&gt;3:00 pm&lt;/option&gt;
                        &lt;option value="15.5"&gt;3:30 pm&lt;/option&gt;
                        &lt;option value="16"&gt;4:00 pm&lt;/option&gt;
                        &lt;option value="16.5"&gt;4:30 pm&lt;/option&gt;
                        &lt;option value="17"&gt;5:00 pm&lt;/option&gt;
                        &lt;option value="17.5"&gt;5:30 pm&lt;/option&gt;
                        &lt;option value="18"&gt;6:00 pm&lt;/option&gt;
                        &lt;option value="18.5"&gt;6:30 pm&lt;/option&gt;
                        &lt;option value="19"&gt;7:00 pm&lt;/option&gt;
                        &lt;option value="19.5"&gt;7:30 pm&lt;/option&gt;
                        &lt;option value="20"&gt;8:00 pm&lt;/option&gt;
                        &lt;option value="20.5"&gt;8:30 pm&lt;/option&gt;
                        &lt;option value="21"&gt;9:00 pm&lt;/option&gt;
                        &lt;option value="21.5"&gt;9:30 pm&lt;/option&gt;
                        &lt;option value="22"&gt;10:00 pm&lt;/option&gt;
                        &lt;option value="22.5"&gt;10:30 pm&lt;/option&gt;
                        &lt;option value="23"&gt;11:00 pm&lt;/option&gt;
                        &lt;option value="23.5"&gt;11:30 pm&lt;/option&gt;
                        &lt;option value="0"&gt;12:00 am&lt;/option&gt;
                        &lt;option value="0.5"&gt;12:30 am&lt;/option&gt;
                        &lt;option value="1"&gt;1:00 am&lt;/option&gt;
                        &lt;option value="1.5"&gt;1:30 am&lt;/option&gt;
                        &lt;option value="2"&gt;2:00 am&lt;/option&gt;
                        &lt;option value="2.5"&gt;2:30 am&lt;/option&gt;
                        &lt;option value="3"&gt;3:00 am&lt;/option&gt;
                        &lt;option value="3.5"&gt;3:30 am&lt;/option&gt;
                        &lt;option value="4"&gt;4:00 am&lt;/option&gt;
                        &lt;option value="4.5"&gt;4:30 am&lt;/option&gt;
                        &lt;option value="5"&gt;5:00 am&lt;/option&gt;
                        &lt;option value="5.5"&gt;5:30 am&lt;/option&gt;
                &lt;/select&gt;
                &lt;select class="hours-end"&gt;
                        &lt;option value="6"&gt;6:00 am&lt;/option&gt;
                        &lt;option value="6.5"&gt;6:30 am&lt;/option&gt;
                        &lt;option value="7"&gt;7:00 am&lt;/option&gt;
                        &lt;option value="7.5"&gt;7:30 am&lt;/option&gt;
                        &lt;option value="8"&gt;8:00 am&lt;/option&gt;
                        &lt;option value="8.5"&gt;8:30 am&lt;/option&gt;
                        &lt;option value="9"&gt;9:00 am&lt;/option&gt;
                        &lt;option value="9.5"&gt;9:30 am&lt;/option&gt;
                        &lt;option value="10"&gt;10:00 am&lt;/option&gt;
                        &lt;option value="10.5"&gt;10:30 am&lt;/option&gt;
                        &lt;option value="11"&gt;11:00 am&lt;/option&gt;
                        &lt;option value="11.5"&gt;11:30 am&lt;/option&gt;
                        &lt;option value="12"&gt;12:00 pm&lt;/option&gt;
                        &lt;option value="12.5"&gt;12:30 pm&lt;/option&gt;
                        &lt;option value="13"&gt;1:00 pm&lt;/option&gt;
                        &lt;option value="13.5"&gt;1:30 pm&lt;/option&gt;
                        &lt;option value="14"&gt;2:00 pm&lt;/option&gt;
                        &lt;option value="14.5"&gt;2:30 pm&lt;/option&gt;
                        &lt;option value="15"&gt;3:00 pm&lt;/option&gt;
                        &lt;option value="15.5"&gt;3:30 pm&lt;/option&gt;
                        &lt;option value="16"&gt;4:00 pm&lt;/option&gt;
                        &lt;option value="16.5"&gt;4:30 pm&lt;/option&gt;
                        &lt;option value="17" selected=""&gt;5:00 pm&lt;/option&gt;
                        &lt;option value="17.5"&gt;5:30 pm&lt;/option&gt;
                        &lt;option value="18"&gt;6:00 pm&lt;/option&gt;
                        &lt;option value="18.5"&gt;6:30 pm&lt;/option&gt;
                        &lt;option value="19"&gt;7:00 pm&lt;/option&gt;
                        &lt;option value="19.5"&gt;7:30 pm&lt;/option&gt;
                        &lt;option value="20"&gt;8:00 pm&lt;/option&gt;
                        &lt;option value="20.5"&gt;8:30 pm&lt;/option&gt;
                        &lt;option value="21"&gt;9:00 pm&lt;/option&gt;
                        &lt;option value="21.5"&gt;9:30 pm&lt;/option&gt;
                        &lt;option value="22"&gt;10:00 pm&lt;/option&gt;
                        &lt;option value="22.5"&gt;10:30 pm&lt;/option&gt;
                        &lt;option value="23"&gt;11:00 pm&lt;/option&gt;
                        &lt;option value="23.5"&gt;11:30 pm&lt;/option&gt;
                        &lt;option value="0"&gt;12:00 am&lt;/option&gt;
                        &lt;option value="0.5"&gt;12:30 am&lt;/option&gt;
                        &lt;option value="1"&gt;1:00 am&lt;/option&gt;
                        &lt;option value="1.5"&gt;1:30 am&lt;/option&gt;
                        &lt;option value="2"&gt;2:00 am&lt;/option&gt;
                        &lt;option value="2.5"&gt;2:30 am&lt;/option&gt;
                        &lt;option value="3"&gt;3:00 am&lt;/option&gt;
                        &lt;option value="3.5"&gt;3:30 am&lt;/option&gt;
                        &lt;option value="4"&gt;4:00 am&lt;/option&gt;
                        &lt;option value="4.5"&gt;4:30 am&lt;/option&gt;
                        &lt;option value="5"&gt;5:00 am&lt;/option&gt;
                        &lt;option value="5.5"&gt;5:30 am&lt;/option&gt;
                &lt;/select&gt;
                &lt;button type="button" value="submit" class="ybtn ybtn-secondary ybtn-small add-hours"&gt;&lt;span&gt;Add Hours&lt;/span&gt;&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;

                        &lt;em class="formNote"&gt;

                        &lt;/em&gt;
                &lt;/div&gt;
            &lt;/li&gt;
</code></pre>
