title: datepicker for month and year not working
body: <p>I have tried out the datepicker for my html page. Its not working. I am just getting a textbox next to a label Date. Any help on this?
  Here is my html snippet</p>
  
  <pre><code>     &lt;div class="form-group"&gt;
       &lt;label for="startDate" class="col-sm-5 control-label"&gt;Date:&lt;/label&gt;
       &lt;div class="col-sm-4"&gt;
       &lt;input name="startDate" data-ng-model="user.date" id="startDate" class="date-picker" required /&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js code:</p>
  
  <pre><code>$(function () {
      $('.date-picker').datepicker({
          changeMonth: true,
          changeYear: true,
          showButtonPanel: true,
          dateFormat: 'MM yy',
          onClose: function (dateText, inst) {
              var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
              var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
              $(this).datepicker('setDate', new Date(year, month, 1));
          }
      });
  });
  </code></pre>
  
  <p>css code:</p>
  
  <pre><code>.ui-datepicker-calendar {
      display: none;
      }
  </code></pre>
  
  <p>Below are the imports from my index.html:</p>
  
  <pre><code> &lt;title&gt;&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" /&gt;
      &lt;script src="../lib/datepicker.js"&gt;&lt;/script&gt;
  
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"&gt;&lt;/script&gt;
      &lt;link href="../css/index.css" rel="stylesheet" /&gt;
  
      &lt;script src="../app.js"&gt;&lt;/script&gt;
  
      &lt;script src="../Controller/HeaderCtrl.js"&gt;&lt;/script&gt;
  </code></pre>