Datepicker issue when I trying to select

See more:

jQuery

i am using Jquery datepicker

  $(function () {
 $('.fydate').datepicker({
           dateFormat: 'M - yy',
           changeMonth: true,
           showButtonPanel: true,
           changeYear: true,
           beforeShow: function (e, t) {
               $(this).datepicker("hide");
               $("#ui-datepicker-div").addClass("hide-calendar");
               $("#ui-datepicker-div").addClass('MonthDatePicker');
               $("#ui-datepicker-div").addClass('HideTodayButton');
           },
           onClose: function (dateText, inst) {
               $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
               var dd = 1;
               var mm = (inst.selectedMonth + 1);
               var yyyy = inst.selectedYear;
               if (dd < 10) {
                   dd = '0' + dd
               }
               if (mm < 10) {
                   mm = '0' + mm
               }
               var datetobeset = dd + '/' + mm + '/' + yyyy;
               $('#hfFyDate').val(datetobeset);
           }
       });
  var date = new Date();
       var currentMonth = date.getMonth();
       var currentDate = date.getDate();
       var currentYear = date.getFullYear();
       $(".fydate").datepicker("option", "maxDate", new Date(currentYear, currentMonth, 0));
});

when i selecting first time (it shows Apr "2016" in datepicker) date as "May 2014" on text box is coming "MAY - 2014"
but tring to change again by default is shows selected date as "Apr 2016"

What I have tried:

try to search onn google but if format as set as dd/mm/yyyy its works