title: disable select option based on a condition
body: <p>I have some time instances In select option. I want the user to give his specifications by 6:00 am if he wants to use the system at 10:00 am i.e. there should be 4 hours gap. So after 6.00 am the option of 10.00 am should be disabled, after 6.30 am, the option of 10.00 am and 10.30 am should be disabled and so on..
  Here is my code-</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;input type="date" name="Date" id = "put_date" required&gt;
  &lt;select name="Time" id = "time"&gt;
  &lt;option value="Select Time" id = time&gt;Select Time&lt;/option&gt;
  &lt;option value="10.00.00" id = t1&gt; 10.00.00&lt;/option&gt;
  &lt;option value="10.30.00" id = t2&gt;10.30.00&lt;/option&gt;
  
  &lt;/select&gt;
  &lt;script&gt;
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  var dd = today.getDate();
  var mm = today.getMonth()+1; 
  var yyyy = today.getFullYear();
  if(dd&lt;10) {
  dd = '0'+dd
  } 
  
  if(mm&lt;10) {
  mm = '0'+mm
  } 
  
  var today_date = dd + '-' + mm + '-' + yyyy;
  if((document.getElementById("put_date") == today_date) &amp;&amp; (h==5) &amp;&amp; (m==59) 
  &amp;&amp; (s==59))
  {
  document.getElementById("t1").disabled = true;
  }
  &lt;/script&gt;
  &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>There is no syntax error or any other sort of error being shown when the program is run. But I am not getting the desired output. </p>
  
  <p>please someone guide me where  I am wrong.</p>
  
  <p>Thanks!</p>