Assignment 2: Data Sorting

HTML

<script src="https://github.com/jquery/jquery-tmpl/raw/master/jquery.tmpl.min.js"></script>
<script src="https://www.quickbase.com/db/bfx7sqpm8?a=dbpage&amp;pagename=CourseInfo.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/humanity/jquery-ui.css">
<div class="demo">  <p>Date: <input id="datepickerTEXT" type="text" value="01/2011"></p>  </div>

CSS

.ui-datepicker-calendar {
    display:none;
}

JavaScript

$(document).ready(function(){
    $('#datepickerTEXT').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();
          $('#datepickerTEXT').datepicker('setDate', new Date(year, month, 1));
        },
        beforeShow : function(input, inst) {
          var tmp = $('#datepickerTEXT').val().split('/');
          $('#datepickerTEXT').datepicker('option','defaultDate',new Date(tmp[1],tmp[0]-1,1));
          $('#datepickerTEXT').datepicker('setDate', new Date(tmp[1], tmp[0]-1, 1));
        }
    });
});