anchor.diff:      
       
       <script>
  -        document.getElementById('datecheckmap').onchange = function() {
  -        document.getElementById('enddatepickermap').disabled = !this.checked;
  -        document.getElementById('startdatepickermap').disabled = !this.checked;
  -        document.getElementById('enddatepickermap').value = "";
  -        document.getElementById('startdatepickermap').value = "";
  -        $("#enabledatemap").toggle("fast");
  +        document.getElementById('datecheck').onchange = function() {
  +        document.getElementById('enddatepicker').disabled = !this.checked;
  +        document.getElementById('startdatepicker').disabled = !this.checked;
  +        document.getElementById('enddatepicker').value = "";
  +        document.getElementById('startdatepicker').value = "";
  +        $("#enabledate").toggle("fast");
           };  
       </script>
       
  
positive.code:         <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
          <script>
              $(function () {
                  $.datepickermap.setDefaults({
                      minDate: new Date(2015, 7, 24),
                      maxDate: "+1d",
                      changeYear: true,
                      altFormat: "yy-mm-dd",
                      dateFormat: "yy-mm-dd"
                  });
                  $("#startdatepickermap").datepickermap({
                      defaultDate: new Date(2015, 7, 24)
                  });
                  $("#enddatepickermap").datepickermap();
              });
          </script>
      
  
negative.code:               
              <div class="form-group">
                  <label class="form-check-label">
                      <input class="form-check-input" type="checkbox" id="datecheck" checked value="1">
                          Search By Date
                  </label>
              </div>
                
              <div class="form-group " id="enabledate">
                  <label for="startdatepicker"> Start Date</label>
                  <input type="text" class="form-control" name = "startdatepicker" id="startdatepicker" placeholder="2000/01/01" required>
  
                  <label for="enddatepicker"> End Date </label> 
                  <input type="text" class="form-control" name = "enddatepicker" id="enddatepicker" placeholder="2085/12/31" required> 
              </div>
          <!---------------------------- PART 1 END ------------------------------>
          
  