Javascript Data Type How to - Show/hide element based on date value








Question

We would like to know how to show/hide element based on date value.

Answer


<html>
<head>
</head><!--  w  w  w. j  a  v a2  s.c om-->
<body>
  <h1 id="myId" style="display: none">Day 1</h1>
</body>
<script type="text/javascript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
if(month >= 2)
{
    document.write (month);
    document.getElementById("myId").style.display = 'block';
}
else {
    document.getElementById("myId").style.display = 'none';
}
</script>
</html>

The code above is rendered as follows: