date picker show hide Jquery

show hide Jquery

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<p>
  Date picker - show/hide Jquery
</p>

<hr>
<div id='april_holiday_specials'>
  <h2>April Specials<h2>
</div>
<div id='other_specials'>
  <h2>Other Specials<h2>
</div>

JavaScript

$(function() {
    var today = new Date();
    //try difeerent date
    //var today = new Date('12/12/2016');
    
    if (today.getMonth() == 3 && today.getDate() > 0 && today.getDate() < 30) {
      $("#april_holiday_specials").show();
       $("#other_specials").hide();
    } else {
      $("#april_holiday_specials").hide();
      $("#other_specials").show();
    }
  });