title: Making a HTML month day date today week through CSS
body: <p>I am working on an inhouse analytics reports page and in need of time generated records. My inspiration is how Google Analytics is doing it.</p>
  
  <p>The first thing is having it Hourly, Day, Week, Month and the second thing is to show it in between dates.</p>
  
  <p>I am hoping to show these options in a drop down format. For Hourly, Day, Week and Month, it seems straight forward but to show two date selectors within a drop down seems hard. How can I do that?</p>
  
  <p>Just, as an example, here is how it's shown in Google Analytics.</p>
  
  <p><img src="https://i.stack.imgur.com/z8j1w.png" alt="enter image description here"></p>
  
  <p>This is what I tried:-</p>
  
  <pre><code>&lt;?php
      $todo=$_POST['todo'];
      if(isset($todo) and $todo=="submit"){
      $month=$_POST['month'];
      $dt=$_POST['dt'];
      $year=$_POST['year'];
      $date_value="$month/$dt/$year";
      echo "mm/dd/yyyy format :$date_value&lt;br&gt;";
      $date_value="$year-$month-$dt";
      echo "YYYY-mm-dd format :$date_value&lt;br&gt;";
      }
  
   ?&gt;
      &lt;form method=post name=f1 action=''&gt;&lt;input type=hidden name=todo value=submit&gt;
      &lt;table border="0" cellspacing="0" &gt;
      &lt;tr&gt;&lt;td  align=left  &gt;   
      &lt;select name=month value=''&gt;Select Month&lt;/option&gt;
      &lt;option value='01'&gt;January&lt;/option&gt;
      &lt;option value='02'&gt;February&lt;/option&gt;
      &lt;option value='03'&gt;March&lt;/option&gt;
      &lt;option value='04'&gt;April&lt;/option&gt;
      &lt;option value='05'&gt;May&lt;/option&gt;
      &lt;option value='06'&gt;June&lt;/option&gt;
      &lt;option value='07'&gt;July&lt;/option&gt;
      &lt;option value='08'&gt;August&lt;/option&gt;
      &lt;option value='09'&gt;September&lt;/option&gt;
      &lt;option value='10'&gt;October&lt;/option&gt;
      &lt;option value='11'&gt;November&lt;/option&gt;
      &lt;option value='12'&gt;December&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;/td&gt;&lt;td  align=left  &gt;   
      Date&lt;select name=dt &gt;
      &lt;option value='01'&gt;01&lt;/option&gt;
  
  
      &lt;option value='02'&gt;02&lt;/option&gt;
      &lt;option value='03'&gt;03&lt;/option&gt;
      &lt;option value='04'&gt;04&lt;/option&gt;
      &lt;option value='05'&gt;05&lt;/option&gt;
      &lt;option value='06'&gt;06&lt;/option&gt;
      &lt;option value='07'&gt;07&lt;/option&gt;
      &lt;option value='08'&gt;08&lt;/option&gt;
      &lt;option value='09'&gt;09&lt;/option&gt;
      &lt;option value='10'&gt;10&lt;/option&gt;
      &lt;option value='11'&gt;11&lt;/option&gt;
      &lt;option value='12'&gt;12&lt;/option&gt;
      &lt;option value='13'&gt;13&lt;/option&gt;
      &lt;option value='14'&gt;14&lt;/option&gt;
      &lt;option value='15'&gt;15&lt;/option&gt;
      &lt;option value='16'&gt;16&lt;/option&gt;
      &lt;option value='17'&gt;17&lt;/option&gt;
      &lt;option value='18'&gt;18&lt;/option&gt;
      &lt;option value='19'&gt;19&lt;/option&gt;
      &lt;option value='20'&gt;20&lt;/option&gt;
      &lt;option value='21'&gt;21&lt;/option&gt;
      &lt;option value='22'&gt;22&lt;/option&gt;
      &lt;option value='23'&gt;23&lt;/option&gt;
      &lt;option value='24'&gt;24&lt;/option&gt;
      &lt;option value='25'&gt;25&lt;/option&gt;
      &lt;option value='26'&gt;26&lt;/option&gt;
      &lt;option value='27'&gt;27&lt;/option&gt;
      &lt;option value='28'&gt;28&lt;/option&gt;
      &lt;option value='29'&gt;29&lt;/option&gt;
      &lt;option value='30'&gt;30&lt;/option&gt;
      &lt;option value='31'&gt;31&lt;/option&gt;
      &lt;/select&gt;
  
  
      &lt;/td&gt;&lt;td  align=left  &gt;   
      Year(yyyy)&lt;input type=text name=year size=4 value=2005&gt;
      &lt;input type=submit value=Submit&gt;
      &lt;/table&gt;
  
  
      &lt;/form&gt;
  </code></pre>
  
  <p>Thanks.</p>