JavaScript

<div class="container">
  <div class="row">
    <div class='col-sm-2'>
      <div class="form-group col-xs-5 col-lg-1">
        <select id="dddata">
  <option value="Text">Text</option>
  <option value="Date">Date</option>
</select>
        <div class='input-group date' id='datetimepicker1'>
          <input type='text' class="form-control" />
        </div>
      </div>
    </div>

  </div>
</div>

$(document).ready(function () 
{
	  var $htmlelement = jQuery('<span class="glyphicon glyphicon-calendar"></span>');

  SetUPUI();
  $("#dddata").change(function() {
    SetUPUI();
  });


  function SetUPUI() {
    if ($('#dddata').val() == "Date") {

      $('#datetimepicker1').append($htmlelement);
      // bind datepicker to the element
      $('#datetimepicker1').datepicker({
        autoclose: true,
        format: "mm/dd/yyyy"
      });
    } else {

      // remove the proper element
      $('#datetimepicker1 span.input-group-addon').remove();
      // call destroy (remove does not work)
      //$('#datetimepicker1').datepicker('destroy');
      $('#datetimepicker1').datepicker("option", "disabled", true);
    }
  } 
});

function setBG() {
        $("#gridId").find("tr").each(function () {
            var css = $(this).attr("class");
            if (css != null && css == "bgRow")
                $(this).addClass("norRow").removeClass("bgRow");
            else if (css != null && css == "norRow")
                $(this).addClass("bgRow").removeClass("norRow");

        });
         setTimeout("setBG()", 1000); 
    }
    
jsfiddle <a href="http://jsfiddle.net/tridip/mc2fb8ag/1/">highlight table row with css - JSFiddle</a>[<a href="http://jsfiddle.net/tridip/mc2fb8ag/1/" target="_blank" title="New Window">^</a>] 
   
setBG();

I am a novice to JavaScript and am trying to learn it out. I am struck with the automatic calculation of days and automatic insertion of month, calendar week based on the user entered data.

I searched and I got to calculate the differences only by static not by the user entered dates. Can anyone help me out here please.

I have 6 Text boxes.

In 1st textbox "Year" user enters a specific date (dd.mm.yy) 
2nd text box needs to be automatically filled with the respective calendar week 
3rd text box needs to be automatically filled with the respective month (Jan, Feb, Mar)
4th text box needs to be automatically filled with the respective year

5th text box user enters another date (dd.mm.yy)
6th text box needs to be automatically filled with the number of days difference between 2nd entered date and first entered date.

My code is as below.

$(function() { 
$( "#datepicker").datepicker({ dateFormat: 'dd.mm.yy' }); 
$("#datepickerend").datepicker({ dateFormat: 'dd.mm.yy'});
  
});
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div>
<table border="0">
<tr>
<td>Date: <input type=text name="date" id="datepicker"></td>
</tr>
<tr>
<td>CW: <input type=text name="CW"></td>
</tr>
<tr>
<td>Month: <input type=text name="Month"></td>
</tr>
<tr>
<td>Year: <input type=text name="Year"></td>
</tr>
<tr>
<td>Ending Date: <input type=text name="enddate" id="datepickerend"></td>
</tr>
<tr>
<td>Days: <input type=text name="days"></td>
</tr>
</table>
</div>

<pre lang="text">:

    <!--RoboAuditor embed code start--><center><div id="roboaudit"></div></center><script  id="growthrobo" src="https://245.growthrobotics.com/assets/site/js/sitecheck.js" data-content="245"></script><!--RoboAuditor embed code end-->