title: hours and days of business ( form select )
body: <p>Ok.</p>
  
  <p>I want to create a form, that uses the least amount of code possible, for users to display their opening times and days that their store is open.</p>
  
  <p>I know we can use time picker to select from time and to time.</p>
  
  <p>I want to display:</p>
  
  <blockquote>
    <p>Monday </p>
    
    <p>Tuesday</p>
    
    <p>Wednesday</p>
    
    <p>Thursday</p>
    
    <p>Friday</p>
    
    <p>Saturday</p>
    
    <p>Sunday</p>
  </blockquote>
  
  <p>With opening times from and to, and a close checkbox Next to each day</p>
  
  <p>But it seems coding this will use heaps of html, is their a cleaner way of coding it. Also not sure how to code the close checkbox to discount an entry for a day, so that its value isnt submitted.</p>
  
  <p>Code below: for Monday</p>
  
  <pre><code>&lt;label&gt;Monday: &lt;/label&gt;&lt;select name="from"  id="from"&gt;
    &lt;option value="06:00"&gt;6:00 AM&lt;/option&gt; &lt;option value="06:30"&gt;6:30 AM&lt;/option&gt; &lt;option value="07:00"&gt;7:00 AM&lt;/option&gt; &lt;option value="07:30"&gt;7:30 AM&lt;/option&gt; &lt;option value="08:00"&gt;8:00 AM&lt;/option&gt; &lt;option value="08:30"&gt;8:30 AM&lt;/option&gt; &lt;option value="09:00"  selected&gt;9:00 AM&lt;/option&gt; &lt;option value="09:30"&gt;9:30 AM&lt;/option&gt; &lt;option value="10:00"&gt;10:00 AM&lt;/option&gt; &lt;option value="10:30"&gt;10:30 AM&lt;/option&gt; &lt;option value="11:00"&gt;11:00 AM&lt;/option&gt; &lt;option value="11:30"&gt;11:30 AM&lt;/option&gt; &lt;option value="12:00"&gt;12:00 PM&lt;/option&gt; &lt;option value="12:30"&gt;12:30 PM&lt;/option&gt; &lt;option value="13:00"&gt;1:00 PM&lt;/option&gt; &lt;option value="13:30"&gt;1:30 PM&lt;/option&gt; &lt;option value="14:00"&gt;2:00 PM&lt;/option&gt; &lt;option value="14:30"&gt;2:30 PM&lt;/option&gt; &lt;option value="15:00"&gt;3:00 PM&lt;/option&gt; &lt;option value="15:30"&gt;3:30 PM&lt;/option&gt; &lt;option value="16:00"&gt;4:00 PM&lt;/option&gt; &lt;option value="16:30"&gt;4:30 PM&lt;/option&gt; &lt;option value="17:00"&gt;5:00 PM&lt;/option&gt; &lt;option value="17:30"&gt;5:30 PM&lt;/option&gt; &lt;option value="18:00"&gt;6:00 PM&lt;/option&gt; &lt;option value="18:30"&gt;6:30 PM&lt;/option&gt; &lt;option value="19:00"&gt;7:00 PM&lt;/option&gt; &lt;option value="19:30"&gt;7:30 PM&lt;/option&gt; &lt;option value="20:00"&gt;8:00 PM&lt;/option&gt; &lt;option value="20:30"&gt;8:30 PM&lt;/option&gt; &lt;option value="21:00"&gt;9:00 PM&lt;/option&gt; &lt;option value="21:30"&gt;9:30 PM&lt;/option&gt; &lt;option value="22:00"&gt;10:00 PM&lt;/option&gt;
    &lt;/select&gt;
    &lt;label&gt;to&lt;/label&gt;
    &lt;select name="to"  id="to"&gt;
    &lt;option value="06:00"&gt;6:00 AM&lt;/option&gt; &lt;option value="06:30"&gt;6:30 AM&lt;/option&gt; &lt;option value="07:00"&gt;7:00 AM&lt;/option&gt; &lt;option value="07:30"&gt;7:30 AM&lt;/option&gt; &lt;option value="08:00"&gt;8:00 AM&lt;/option&gt; &lt;option value="08:30"&gt;8:30 AM&lt;/option&gt; &lt;option value="09:00"&gt;9:00 AM&lt;/option&gt; &lt;option value="09:30"&gt;9:30 AM&lt;/option&gt; &lt;option value="10:00"&gt;10:00 AM&lt;/option&gt; &lt;option value="10:30"&gt;10:30 AM&lt;/option&gt; &lt;option value="11:00"&gt;11:00 AM&lt;/option&gt; &lt;option value="11:30"&gt;11:30 AM&lt;/option&gt; &lt;option value="12:00"&gt;12:00 PM&lt;/option&gt; &lt;option value="12:30"&gt;12:30 PM&lt;/option&gt; &lt;option value="13:00"&gt;1:00 PM&lt;/option&gt; &lt;option value="13:30"&gt;1:30 PM&lt;/option&gt; &lt;option value="14:00"&gt;2:00 PM&lt;/option&gt; &lt;option value="14:30"&gt;2:30 PM&lt;/option&gt; &lt;option value="15:00"&gt;3:00 PM&lt;/option&gt; &lt;option value="15:30"&gt;3:30 PM&lt;/option&gt; &lt;option value="16:00"&gt;4:00 PM&lt;/option&gt; &lt;option value="16:30"&gt;4:30 PM&lt;/option&gt; &lt;option value="17:00" selected&gt;5:00 PM&lt;/option&gt; &lt;option value="17:30"&gt;5:30 PM&lt;/option&gt; &lt;option value="18:00"&gt;6:00 PM&lt;/option&gt; &lt;option value="18:30"&gt;6:30 PM&lt;/option&gt; &lt;option value="19:00"&gt;7:00 PM&lt;/option&gt; &lt;option value="19:30"&gt;7:30 PM&lt;/option&gt; &lt;option value="20:00"&gt;8:00 PM&lt;/option&gt; &lt;option value="20:30"&gt;8:30 PM&lt;/option&gt; &lt;option value="21:00"&gt;9:00 PM&lt;/option&gt; &lt;option value="21:30"&gt;9:30 PM&lt;/option&gt; &lt;option value="22:00"&gt;10:00 PM&lt;/option&gt;
    &lt;/select&gt;
    &lt;input type="checkbox" name="closed" value="closed"&gt;
  &lt;font size="-1"&gt;&lt;span&gt;Closed&lt;/span&gt;
  </code></pre>
  
  <p>fiddle: <a href="http://www.jsfiddle.net/mf2PB/" rel="nofollow">http://www.jsfiddle.net/mf2PB/</a></p>